1. 打包项目
   前端打包

npm run build:prod

2. 将代码上传到指定目录
   
3. 配置nginx转发

server{listen 8090;server_name localhost;location / {root   /home/cc_library/dist;index  index.html index.htm;# 配置 history模式，刷新页面会404，，因为服务器没有正确的处理路由请求try_files $uri $uri/ /index.html;}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://124.223.190.190:8080/;}}

重启nginx ： ./nginx -s reload

4. 启动项目

nohup java -jar ruoyi.jar  >temp.out &

问题

history模式 和 hash模式区别：

• history模式。在服务器上线之后，点击页面跳转没有问题，但是一刷新页面就会404，，因为在history模式下刷新页面，就等同于向服务直接请求，，服务器找不到这个路径，会404，，，需要在找不到路由的情况下，重新渲染index.html 界面，把路由的控制权交给前端，，然后前端负责路由的匹配，，找到这个路由，，从而达到正常显示的情况

引用：https://blog.csdn.net/qq_43284469/article/details/115800331
https://www.jb51.net/article/261803.htm
https://blog.51cto.com/u_11343833/6091625