前几天查看自己的网页的时候,发现默默奇妙的出现了CORS错误

Access to XMLHttpRequest at 'https://sdk.jinrishici.com/v2/browser/jinrishici.js' from origin 'https://www.koileo.com' has been blocked by CORS policy: The response is invalid.

于是我就去寻找CORS的原因(PS借个图)


其实这并不是我代码的问题,只能怪浏览器,但又不能不管

那如何确定是跨域请求
1. A域名资源请求到B/C……域名
2. 你当前访问的域名是http的当请求的部分资源是https的
3. 当使用ajax访问远程服务器时,请求失败,浏览器报如上错误。这是出于安全的考虑,默认禁止跨域访问导致的。

那么我把目光看向了Nginx配置文件

在不断的修改下

    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

解决了全部问题,即消除全部警告,同时兼容了各种协议资源。