nginx配置前端反向代理

我yi癫狂

于 2020-10-30 10:21:18 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： nginx

本文链接：https://blog.csdn.net/weixin_43560272/article/details/109379939

nginx 专栏收录该内容

4 篇文章

订阅专栏

该博客介绍了如何通过Nginx配置前端和后端服务，将前端页面监听在8888端口，后端接口监听在80端口。通过设置location块和proxy_pass指令，实现了对apis目录的代理，使得接口请求从http://127.0.0.1:8080/apis访问，从而避免了跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

本地这里有两个端口：
8080：前端页面
80：后端接口

在nginx配置

		listen       8888;
        server_name  127.0.0.1;
        location / {
            root   html;
            proxy_pass   http://127.0.0.1:8080;
            # try_files $uri $uri/ /index.php$is_args$args;
            index  index.html index.htm;
        }

        location ~ /apis/ { #添加访问目录为/apis的代理配置
            rewrite  ^/apis/(.*)$ /$1 break;
            proxy_pass   http://127.0.0.1:80;
        }

rewrite ^/apis/(.*)$ /$1 break;这句绝对不能少。

原本的接口为http://127.0.0.1:80
改为http://127.0.0.1:8888/apis即可
这样就不会跨域了
在这里插入图片描述