Scripterror.解決方法

為了加快網(wǎng)站訪問速度，我們不可避免要將靜態(tài)資源放到第三方cdn上。然而，我們又需要在出錯(cuò)以后能夠知道詳細(xì)的報(bào)錯(cuò)信息，這篇博客將介紹如何避免出現(xiàn)Script error.

在尚義等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),尚義網(wǎng)站建設(shè)費(fèi)用合理。

1. 添加 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

2. 添加支持跨域訪問的設(shè)置

 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)參考

• PHP: ajax 設(shè)置Access-Control-Allow-Origin實(shí)現(xiàn)跨域訪問
• Java: Java 無法跨域問題（No 'Access-Control-Allow-Origin'..）
• Nginx: nginx Access-Control-Allow-Origin css跨域

關(guān)于Fundebug

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)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/04/07/solve-script-error/

新聞名稱：Scripterror.解決方法
本文來源：http://muchs.cn/article2/ijdjic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、外貿(mào)建站、微信公眾號(hào)、響應(yīng)式網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站制作

廣告

聲明：本網(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)