<html>
<head>
<meta http-equiv="access-control-allow-origin" content="https://openapi.lechange.cn">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script>
$.post('https://openapi.lechange.cn/openapi/accessToken',{"system":{"ver":"1.0","sign":"5326bdd79317a8cd215b649e75e042b6","appid":"lace1fdddaa5de4393","time":"1491895621","nonce":"49735441495760803893403522385895","appSecret":"6d5c2c727dbb4ba78fac5a0e9ece82"},"params":{"phone":"17691260000"},"id":"80"},function(data){console.log(data);},'json');
</script>
</head>
<body>
<a></a>
</body>
</html>
火狐上運(yùn)行,出現(xiàn)如下報(bào)錯(cuò)訊息。已攔截跨來(lái)源要求:同源策略禁止讀取位於 https://openapi.lechange.cn/o... 的遠(yuǎn)端資源。 (原因:CORS 頭缺少 'Access-Control-Allow-Origin')。
網(wǎng)路搜尋解決辦法是,在被要求頁(yè)面加上header,這個(gè)無(wú)法處理,其他方法也無(wú)法解決。請(qǐng)問(wèn)如何解決?
人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!
CORS一般不需要在瀏覽器配置,瀏覽器發(fā)現(xiàn)這次跨源AJAX請(qǐng)求是簡(jiǎn)單請(qǐng)求,就自動(dòng)在頭信息之中,添加一個(gè)Origin字段,Origin字段用來(lái)說(shuō)明,本次請(qǐng)求來(lái)自哪個(gè)源(協(xié)議+ 域名+ 連接埠)。
伺服器根據(jù)這個(gè)值,決定是否同意這次請(qǐng)求,也就是說(shuō)伺服器會(huì)存在一份白名單,說(shuō)明哪一些來(lái)源是可以被允許的,而Access-Control-Allow-Origin就是包含在回應(yīng)頭裡的白名單。
瀏覽器發(fā)現(xiàn),這個(gè)回應(yīng)的頭信息沒(méi)有包含Access-Control-Allow-Origin字段,就知道出錯(cuò)了,從而拋出一個(gè)錯(cuò)誤,也就是你遇到的提示,是返回結(jié)果被瀏覽器攔截了,而不是請(qǐng)求發(fā)不出。
所以你需要的是在伺服器上配置這個(gè)白名單,而不是更改頁(yè)面。
關(guān)於CORS的原理可以看參考這篇
關(guān)於tomcat如何設(shè)定可以看這篇文件
跨域可以使用jsonp嘛
$.ajax({
url: 'https://openapi.lechange.cn/openapi/accessToken',
type: 'post',
dataType:'jsonp',
data: '{"system":{"ver":"1.0","sign":"5326bdd79317a8cd215b649e75e042b6","appid":"lace1fdddaa5de4393","time":"1491895621","nonce":"49735441495760803893403522385895","appSecret":"6d5c2c727dbb4ba78fac5a0e9ece82"},"params":{"phone":"17691260000"},"id":"80"}',
success:function(data){
console.log(data);
},
})
用node或python寫(xiě)個(gè)爬蟲(chóng)中轉(zhuǎn) 要嘛就加代理
在伺服器端入口檔案最上面貼上如下程式碼
上線後最好把
Access-Control-Allow-Origin: *
的 * 改為允許訪問(wèn)的特定網(wǎng)域
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:HEAD,GET,POST,OPTIONS,PATCH,PUT,DELETE');
header('Access-Control-Allow-Headers:Origin,X-Requested-With,Authorization,Content-Type,Accept,Z-Key');