為了加快網(wǎng)站訪問速度,我們不可避免要將靜態(tài)資源放到第三方CDN上。然而,我們又需要在出錯(cuò)以后能夠知道詳細(xì)的報(bào)錯(cuò)信息,這篇博客將介紹如何避免出現(xiàn)Script error.
crossorigin="anonymous"
到script標(biāo)簽 <script src="https://xxx.com/xxx.js" crossorigin="anonymous"></script>
crossorigin
可以取枚舉值anonymous
或則use-credentials
。
The "anonymous" keyword means that there will be no exchange of user credentials via cookies, client-side SSL certificates or HTTP authentication
anonymous即不發(fā)送Cookie和HTTP認(rèn)證信息,對(duì)于靜態(tài)資源,我們使用anonymous
就已經(jīng)足夠。 關(guān)于crossorigin詳情可以參考: CORS settings attributes
Access-Control-Allow-Origin: *
Access-Control-Allow-Origin是HTML5中定義的一種解決資源跨域的策略。他是通過服務(wù)器端返回帶有Access-Control-Allow-Origin標(biāo)識(shí)的Response header,用來解決資源的跨域權(quán)限問題。
CDN服務(wù)商比如七牛默認(rèn)已經(jīng)配置好了Access-Control-Allow-Origin,使用curl
命令獲取頭部:
curl --head https://js.fundebug.cn/fundebug.0.0.4.min.js | grep "Access-Control-Allow-Origin"
結(jié)果如下:
如果您有單獨(dú)的子域名(子域名也會(huì)被認(rèn)定為不同源)用來分發(fā)靜態(tài)資源,那么需要在服務(wù)端做一點(diǎn)配置。針對(duì)不同語言和框架的配置方法我們不一一列出,Nodejs的Express框架下是這樣配置的:
app.use(function(req, res, next)
{
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
next();
});
其它設(shè)置Access-Control-Allow-Origin請(qǐng)參考
Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時(shí)BUG監(jiān)控。 自從2016年雙十一正式上線,F(xiàn)undebug累計(jì)處理了7億+錯(cuò)誤事件,得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認(rèn)可。歡迎免費(fèi)試用!
轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/04/07/solve-script-error/
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
文章題目:Scripterror.解決方法-創(chuàng)新互聯(lián)
文章出自:http://jinyejixie.com/article34/coidpe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容