若依部署前后端

  1. 打包项目
    前端打包
npm run build:prod
  1. 将代码上传到指定目录
    在这里插入图片描述
  2. 配置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

  1. 启动项目
nohup java -jar ruoyi.jar  >temp.out &
问题

history模式 和 hash模式区别:

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

若依部署前后端_第1张图片

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

你可能感兴趣的:(springboot,spring,boot)