zoukankan      html  css  js  c++  java
  • 前端调用资源跨域问题?

    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

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

  • 相关阅读:
    cogs 826. Feb11] GF打dota
    cogs 133. [USACO Mar08] 牛跑步 A*k短路算法
    luogu cogs 1437. [NOIP2013]转圈游戏
    RESTful
    中间件
    回顾基础知识,类,fbv,cbv
    Vue
    ES6的一些说明
    小试牛刀2
    小试牛刀
  • 原文地址:https://www.cnblogs.com/jianlin/p/9127319.html
Copyright © 2011-2022 走看看