前端调用资源跨域问题?

Nginx跨域简介

跨域设置、需要主跨域名的代理负载均衡上配置:CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。

整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。假如用户访问A,然后A里面有个AJAX请求从B拿资源,这时候需要在B上nginx配置允许A的CORS请求。

解决方法如下:

1     if ( $http_origin ~ http://www.baidu.com ){    #此处以百度的域名为例、实际按自己的域名设置,这里可以设置多个域名、请以|分割、或者*
2         set $allow_url $http_origin;
3     }
4     add_header Access-Control-Allow-Origin $allow_url;      #允许那些域名跨域
5     add_header 'Access-Control-Allow-Credentials' 'true';   #允许cookie跨域
6     add_header 'Access-Control-Allow-Methods' 'Get';        #允许跨域请求的方法  
7     将以上配置加入到nginx.conf的server标签内,然后重启nginx就可以了! 
View Code

希望本文能够帮助到你 ^_^   

posted @ 2018-06-02 22:34  健林  阅读(247)  评论(0编辑  收藏  举报