部署ruoyi-vue过程记录

一、后端部署

本部署方案采取war形式，默认端口为8080

1、打开ruoyi-admin里的pom.xml，将 <packaging>jar</packaging>修改成<packaging>war</packaging>

2、执行mvn clean package

3、在ruoyi-admin下的target中会生成ruoyi-admin.war。将该war包保存到某个目录下，如：D:

4、将tomcat的webapps下的ROOT目录删除

5、在tomcat的conf\Catalina\localhost目录下新建ROOT.xml，注意ROOT必须为大写，内容为：

1 <?xml version="1.0" encoding="UTF-8"?>
2 <Context path="" docBase="D:/ruoyi-admin.war" reloadable="true">
3 </Context>

此时启动tomcat，访问http://localhost:8080，如果能访问成功，表明后台部署成功。

注意：此处省略mysql和redis的配置过程。

二、前端部署

1、在前端源码根目录执行：npm run build:prod，执行完成后，在源码根目录下会生成一个dist目录，里面就是发布的前端文件

2、打开nginx下的conf目录，找到nginx.conf，编辑内容如下：

 1     server {
 2         listen       80;
 3         server_name  localhost;
 4 
 5         location / {
 6             root   D:\ruoyi-ui\dist;
 7             index  index.html index.htm;
 8         }
 9 
10         location /prod-api/{
11                 proxy_set_header Host $http_host;
12                 proxy_set_header X-Real-IP $remote_addr;
13                 proxy_set_header REMOTE-HOST $remote_addr;
14                 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
15                 proxy_pass http://localhost:8080/; #设置监控后端启动的端口
16         }
17 
18         error_page   500 502 503 504  /50x.html;
19         location = /50x.html {
20             root   html;
21         }
22     }

第6行：指定系统发布目录

第15行：指定后端访问路径

启动nginx，访问localhost即可看见登录页面

标签：vue,部署,ruoyi,header,set,proxy,war,localhost
来源： https://www.cnblogs.com/simon-xie/p/16194316.html