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