VUE线上通过nginx反向代理实现跨域

最新推荐文章于 2025-01-26 15:45:36 发布

转载最新推荐文章于 2025-01-26 15:45:36 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pangkang/p/8989282.html

文章标签：

#javascript #运维 #ViewUI

本文介绍如何使用NGINX配置实现VUE项目的跨域请求处理。通过设置proxy头信息并指定代理目标地址，可以有效解决前端开发中的跨域问题。重启NGINX服务后配置即生效。

1.NGINX反向代理实现跨域

VUE代码中配置参考上一篇文章

nginx配置，红色框线内：

代码：

location /list {
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Nginx-Proxy true;
            proxy_set_header Connection "";
            proxy_pass http://XXXXXXXX;
        }

重启nginx即可。

转载于:https://www.cnblogs.com/pangkang/p/8989282.html