SpringBoot前后端分离，nginx的反向代理前台访问后台的配置

1、我的后端项目结构&＃xff0c;正常启动就行了

2、我的前端项目文件所在位置

3、配置本地hosts文件

4、配置nginx&＃xff08;这里忽略安装的过程&＃xff0c;看注释自己理解意思&＃xff0c;唯一需要改的地方&＃xff0c;注释了&＃xff09;

# 配置后台处理方法 多个tomcat
upstream tomcat {server 127.0.0.1:8080 weight&＃61;10;#server 127.0.0.1:8082 weight&＃61;10;#server 127.0.0.1:8083 weight&＃61;10;
}
server {# 默认监听端口80listen 80; # 对外服务名&＃xff08;域名&＃xff0c;可以自己改&＃xff0c;改了之后&＃xff0c;自己对应本机的电脑hosts文件也要改&＃xff09;# 改成自己想要的&＃xff0c;和hosts文件对应server_name xuan-api.lipstick.com;# ...其他配置信息# 配置代理路径location /{proxy_pass http://tomcat/;}# 对“/”路径转发 /dockerlocation &＃61; / {return 302 /;}# ...其他配置信息
}#前端页面显示
server {# 这里是linux系统中的nginx日志存放位置&＃xff0c;可以注释&＃xff0c;部署到线上的时候再修改也可以&＃xff0c;我注释了#access_log /www/wwwlogs/page.ge66d.cn.access.log;#error_log /www/wwwlogs/page.ge66d.cn.error.log;listen 80;# 访问前端的域名可以自定义&＃xff0c;对应hosts文件也要修改# 改成自己想要的&＃xff0c;和hosts文件对应server_name xuan-admin.lipstick.com;#这里是你前端的静态html文件的位置#改成自己的位置root "G:\IdeaProjects\lipstick_frontend\backend";index index.html index.htm;location / {try_files $uri $uri/ /api$uri?$args;}location /api/ {#前端能够访问到后端&＃xff08;反向代理到后台api域名&＃xff0c;也就是上面配置的域名&＃xff0c;是什么就改成什么&＃xff09;#和后端的域名对应 proxy_pass http://xuan-api.lipstick.com/;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location ~.*\.(bmp|css|gif|html|js|jpg|png)$ {expires 2h;}
}


5、启动nginx访问自己配置的前端页面域名&＃xff08;我的是xuan-admin.lipstick.com&＃xff09;