解决前后端跨域最简单方法

Alvis_you

已于 2023-01-13 11:07:19 修改

阅读量384

点赞数 1

分类专栏：随笔文章标签： nginx Powered by 金山文档

于 2023-01-13 11:03:13 首次发布

本文链接：https://blog.csdn.net/ilovexiaou/article/details/128671037

版权

随笔专栏收录该内容

21 篇文章 0 订阅

订阅专栏

解决方法很多，大类一般分为前端解决，后端解决，运维解决。

最简单方法即运维解决，配置nginx反向代理解决同源问题。

假如前端启动在 11服务器上，后端启动在 22服务器上，

利用nginx反向代理将两台服务器代理到一台同ip同端口号的机器即解决跨域问题。

比如前端打成静态包放在11服务器，nginx直接在11服务器上配置即可解决，如下

server {
        listen       8888;
        server_name  localhost;
 
        location /qianduan/ {
            root /usr/local/nginx/;
            try_files $uri $uri/ /index.html;
         }

        location ^~/houduan/ {
            proxy_pass http://192.168.0.22:8111/;
            proxy_set_header Host $http_host; #后台可以获取到完整的ip+端口号
            proxy_set_header X-Real-IP $remote_addr; #后台可以获取到用户访问的真实ip地址
       }
}

前端通过访问 http://192.168.0.11:8888/qianduan 访问，后端通过访问 http://192.168.0.22:8888/houduan 访问