标题若依框架项目部署分为前端项目部署和后端项目部署。
一、后端项目部署(比较省略)
1、jar部署方式
将jar包放到文件的service目录下,使用命令行执行执行脚本。
2、war部署方式
ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps
二、前端项目部署
#打包正式环境
npm run build:prod
#打包预发布环境
npm run build:stage

tomcat部署
· 修改server.xml,Host节点下添加
在这里插入图片描述 · dist目录的文件夹下新建WEB-INF文件夹,并在里面添加web.xml文件
在这里插入图片描述
Nginx部署

1.将dist文件夹放到linux服务器上的某个位置。
2.进入nginx的nginx.config配置文件中。
3. 重启nginx
cd /data/nginx/sbin/
./nginx -s reload

server {
         listen 80;
         server_name houtaixit.yuming;//后台地址的域名
	 #后台系统
       location ~ ^/yu-ming/ {  				//注意 /yu-ming/
            rewrite ^/yuming/(.*) /yuming/$1 break;
            proxy_pass http://127.0.0.1:8888;
        } 
     }
#前台地址        
 server {
        listen       9999;
        server_name  localhost;

        location / {
           root   /etc/data/qiantai/dist/;   //前台项目dist文件的存放路径
           try_files $uri $uri/ /index.html;  //必须写
           index  index.html index.htm;   //必须写
      }
		//  /prod-api/的反向代理  /prod-api/是下图
       location  /prod-api/ {   
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass http://127.0.0.1:8888/yu-ming/;  //注意  yu-ming/ 是后端url地址的域名+访问路径
		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }     
    }

在这里插入图片描述
4.如果要在地址中加 /ruoyi/ 之类的访问路径需要在vue项目的vue.config,js配置文件中修改
在这里插入图片描述

Logo

快速构建 Web 应用程序

更多推荐