CORS 跨域问题解决办法 我们在编写自己的网站时请求一些接口或者网页资源时，可能会遇到请求无响应的现象，这时按F12查看控制台会发现报出了下面这句错误，这其实就是跨域资源共享（CORS）协议阻止了请求。Access to XNLAttpRequest at 'https://xxx.xxxx.xxx' from origin 'https://xxx.xxx.xxx' has xxx.xx been blocked by coRs policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.跨域问题出现的原因：出于安全考虑，浏览器限制访问站点的资源。解决办法自己的网站或接口Nginx配置文件添加请求头修改Nginx后网站所有页面都允许跨域请求共享在Nginx配置文件末尾插入下面配置，保存并重载配置即可 # 允许跨域 location / { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; if ($request_method = 'OPTIONS') { return 204; } } [line]不想深入研究的，看到这里就可以啦 :%(doge)[/line]解析Access-Control-Allow-Origin 服务器默认是不被允许跨域的。加上 Access-Control-Allow-Origin * 后，服务器就会接受所有的请求源其中就包括了跨域的请求。Access-Control-Allow-Headers 为了防止出现： Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. 错误。这个错误表示当前请求Content-Type的值不被支持。是发起"application/json"的类型请求导致的Access-Control-Allow-Methods 为了防止出现：Content-Type is not allowed by Access-Control-Allow-Headers in preflight response 错误。OPTIONS 添加返回204 为了处理在发送 POST 请求时请求时 Nginx 依然拒绝访问的错误，发送"预检请求"时，需要用到 OPTIONS 方法服务器需要允许该方法。PHP接口添加请求头在api.php页面的头部插入以下代码就可以，接口跨域共享，网站其他页面不会共享,如果想限制只允许自己调用接口，可以把 * 改成自己的域名要带上http或者https。<?php header('Content-Type:text/html;charset=utf-8'); header("Access-Control-Allow-Origin: *"); ?>他人网站Nignx代理请求假设请求的链接是这样的 http://xxxx.xxxx.xxx/abc/api?1234 。在Nginx里插入这样一条配置location /abc/ { proxy_pass http://xxxx.xxxx.xxx; }把文件里请求的链接改成 /abc/api?1234，这时服务请求的实际上是服务器本地的地址即 127.0.0.1:xxxx(端口)/abc/api?1234，然后就能访问了，原理是跨域问题是浏览器报错阻止了请求，骗过浏览器就能正常访问到。

HTTPS协议 Mixed Content报错解决办法 今天发现我博客的音乐播放器无法加载歌词，因为浏览器安全规矩，在 HTTPS 请求下进行 Java请求、HTTP请求或引进 HTTP协议资源文件，会报“Mixed Content”的错误，导致请求无法继续。触发原因也是莫名其妙的（控制台显示的请求地址是http请求,但是实际上我默认请求设置了https），在添加下面的语句解决问题后，注释掉这条语句，清除缓存刷新页面，又能正常的加载了，为了稳定性，而且我的网站都添加了SSL证书，所以还是让这条语句生效吧Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'. This request has been blocked; the content must be served over HTTPS.解决办法网站的head标签中插入一条：语句的意思是自动将http的不安全请求强制转换为https请求。注意事项：使用时必须确定你的可升级的http地址都支持SSL证书协议，不然肯定报错会导致页面打不开，或者显示链接重置问题。