使用nginx反向代理解决端口跨域的问题

最新推荐文章于 2024-07-25 14:14:08 发布

TURING.DT

最新推荐文章于 2024-07-25 14:14:08 发布

阅读量1.3k

点赞数 1

分类专栏：系统运维

本文链接：https://blog.csdn.net/levy_cui/article/details/116266495

版权

系统运维专栏收录该内容

71 篇文章 3 订阅

订阅专栏

场景描述：
web前端代码和后端代码在同一台服务器上，使用不同的端口，在使用js调用的时候出现跨域访问的问题，

公网IP是49.23.11.2

实现web前端调用http://49.232.119.23:8899/api/echarts/list
解析跳转到http://127.0.0.1:8822/

我们使用nginx反向代理解决这个跨域的问题，如下配置：

[root@prod logs]# cat /usr/local/nginx/conf/conf.d/text.conf
server {
        listen       8899;   #监听端口
        server_name  49.23.11.2;  #公网IP
        root   /data/projects/webs/poc-web/dist;   #web端代码
        index index.html  index.htm;
        location  /api/ {
                proxy_pass http://127.0.0.1:8822/;   #访问目标的地址
                access_log logs/access.log;
                error_log logs/errlog.log debug;
        }
        location  / {
             try_files $uri $uri/ /index.html;
        }
}