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

1、我的后端项目结构,正常启动就行了

在这里插入图片描述

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

在这里插入图片描述

3、配置本地hosts文件

在这里插入图片描述

4、配置nginx(这里忽略安装的过程,看注释自己理解意思,唯一需要改的地方,注释了)

# 配置后台处理方法 多个tomcat
upstream tomcat {
      server  127.0.0.1:8080 weight=10;
      #server  127.0.0.1:8082 weight=10;
      #server  127.0.0.1:8083 weight=10;
}
server {
		# 默认监听端口80
        listen 80; 
        # 对外服务名(域名,可以自己改,改了之后,自己对应本机的电脑hosts文件也要改)
        # 改成自己想要的,和hosts文件对应
        server_name  xuan-api.lipstick.com;
        
        # ...其他配置信息
        
        # 配置代理路径
        location /{
                proxy_pass http://tomcat/;
        }

        # 对“/”路径转发 /docker
        location = / {
        return 302 /;
        }
    # ...其他配置信息
}

#前端页面显示
server {
		# 这里是linux系统中的nginx日志存放位置,可以注释,部署到线上的时候再修改也可以,我注释了
        #access_log /www/wwwlogs/page.ge66d.cn.access.log;
        #error_log /www/wwwlogs/page.ge66d.cn.error.log;

        listen       80;
        # 访问前端的域名可以自定义,对应hosts文件也要修改
        # 改成自己想要的,和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/ {
        #前端能够访问到后端(反向代理到后台api域名,也就是上面配置的域名,是什么就改成什么)
        #和后端的域名对应 
        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访问自己配置的前端页面域名(我的是xuan-admin.lipstick.com)

在这里插入图片描述

6、遇到困难可以评论(有信必回)小轩微信17382121839。

发布了47 篇原创文章 · 获赞 57 · 访问量 8874

猜你喜欢

转载自blog.csdn.net/qq_41741884/article/details/101679258