nginx 部署前后端分离项目

最新推荐文章于 2025-01-10 20:40:27 发布

原创最新推荐文章于 2025-01-10 20:40:27 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #运维 #java

本文记录了在部署项目过程中遇到的问题，重点强调了后端jar文件部署及context-path对Nginx配置的影响，包括前端的.env.production文件和Nginx服务器的server_name、proxy_pass设置。

部署项目时遇到的问题，特此纪录

后端打包完成后，找到jar即可

注意：需要注意context-path 这个信息，后期配置nginx需要
在这里插入图片描述

前端配置文件

在这里插入图片描述

.env.production

在这里插入图片描述

nginx 配置

        listen       # 访问端口号;
        server_name  # 访问地址; ## 重要！！！修改成你的外网 IP/域名

        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://localhost:8081/ruoyi-vue-service; # 与前端配置文件中 target 保持一致
        }
		
		location / { ## 前端项目
            root   html/dist_aqlz; # 前端文件存放地址
            index  index.html index.htm;
			try_files $uri $uri/ /index.html
	
        }
    }