Nginx完美解决跨域问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zanpengfei/article/details/86605837

1、跨域问题存在情况：

当我们当前的域名与请求接口的域名不在同一个域名下时，在浏览器Console下会看到，跨域的错误提示，下面举一个例子来说明：

1）前提条件：

i、当前域名http://kuayu.com

ii、请求接口域名：http://csdn.b.com/cat

当在前端页面通过ajax请求接口域名的数据时，会报跨域错误

2、解决跨域方法

解决跨域有多种方式，如果请求的接口是java语言的服务器，可以查看我另外一篇文章：https://blog.csdn.net/zanpengfei/article/details/86303018

下面通过Nginx配置来解决跨域

1)更改前端ajax访问路径：不直接访问请求接口，而是访问另外一个本域下的接口，例如：http://kuayu.com/getCat

2)修改nginx配置文件：

location /getCat { #添加访问目录为/getCat
            rewrite  ^/getCat/(.*)$ /$1 break;
            proxy_pass   http://csdn.b.com/cat/;
       }

3)重启nginx，跨域问题完美解决