通過fetch方法獲取跨域JS報錯

cod7ce 發(fā)布于2019-08-23 12:33 / 1357人閱讀

摘要：一背景今天在中通過獲取一個跨域的是報錯了難道該不支持跨域看下該的打眼一看這個支持跨域啊，但仔細看看發(fā)現(xiàn)請求頭里有個非安全頭部，而響應(yīng)頭里也沒有把加入到里。參考博客報錯

一、背景

今天在serviceWork中通過fetch獲取一個跨域的JS是報錯了：

難道該JS不支持跨域？看下該js的rquest/response：

打眼一看這個js支持跨域啊，但仔細看看發(fā)現(xiàn)請求頭里有個非CORS安全頭部：intervention，而響應(yīng)頭里也沒有把intervention加入到access-control-allow-headers里。

二、是誰在請求頭加的intervention？

正好這個頭里有鏈接，點進入看看，原來是chrome自己加的。具體原因可以見參考1

三、解決方案 3.1 方案1

不使用document.write了唄，可以用其他動態(tài)添加JS的方法，如：

var s = document.createElement("script");
s.src = "xxxxxxx";
var firstScript = document.getElementsByTagName("script")[0];
firstScript.parentNode.insertBefore(s, firstScript);

3.2 方案2

在響應(yīng)頭里把intervention加入到access-control-allow-headers里。

參考

Intervening against document.write()

Intervention: Blocking the load of cross-origin, parser-blocking scripts inserted via document.write for users on 2G

博客報錯 A Parser-blocking, cross-origin script, is invoked via document.write.

GPU云服務(wù)器云服務(wù)器 js fetch 獲取數(shù)據(jù) js跨域獲取數(shù)據(jù) js跨域獲取json數(shù)據(jù) js通過id獲取內(nèi)容

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98718.html

相關(guān)文章

http-web前后端的跨域

摘要：本文詳見文件夾提供主服務(wù)開啟服務(wù)提供一個靜態(tài)容器開啟服務(wù)文件夾客戶端頁面，發(fā)送或者瀏覽器跨域相關(guān)跨域是為了保證服務(wù)端的安全，不允許隨便的請求，這是瀏覽器的安全行為和不同域，瀏覽器并不知道映射到的是，所以認為他們不同域普通跨域之當瀏覽本文詳見 github: https://github.com/captainJac... server文件夾 server.js 提供主server ...

妤鋒シ 2019-08-23 13:53 評論0 收藏0
js中跨域的方法

摘要：但是這種方法適用于和窗口，和無法通過這種方法規(guī)避同源策略。逗號分隔的一個字符串，表明服務(wù)器支持的所有跨域請求的方法。在制作oneday-music-player的時候要使用ajax向百度音樂的api發(fā)送請求，然后出現(xiàn)了XMLHttpRequest cannot load http://.... . No Access-Control-Allow-Origin header is pr...

Jacendfeng 2019-08-21 17:47 評論0 收藏0
談?wù)勄岸水惓２东@與上報

摘要：另外這樣的異常捕獲不能捕獲的異常錯誤信息，這點需要注意。最終大致的流程圖如下結(jié)語前端異常捕獲與上報是前端異常監(jiān)控的前提，了解并做好了異常數(shù)據(jù)的收集和分析才能實現(xiàn)一個完善的錯誤響應(yīng)和處理機制，最終達成數(shù)據(jù)可視化。關(guān)于微信公眾號：前端呼啦圈（Love-FED）我的博客：勞卜的博客知乎專欄：前端呼啦圈前言 Hello，大家好，又與大家見面了，這次給大家分享下前端異常監(jiān)控中需...

Kosmos 2019-08-22 15:44 評論0 收藏0
React和React-native踩坑記

摘要：坑請求跨域問題使用時，其中的已經(jīng)默默幫你做了很多事，都幫你配置好了所以你發(fā)現(xiàn)你找不到相關(guān)的配置文件。放到服務(wù)器上仍然是空白的無法訪問。原來是因為路徑問題，簡單配置一下即可。上文提到過已經(jīng)幫我們做好了很多事，方便在此，麻煩也在此。 react坑： 1、fetch請求cookie跨域問題使用creat-react-app時，其中的react-script已經(jīng)默默幫你做了很多事，都幫你配置好...

yck 2019-08-21 18:38 評論0 收藏0
Jquery ajax, Axios, Fetch區(qū)別之我見

摘要：我們都知道因為同源策略的問題，瀏覽器的請求是可能隨便跨域的一定要有跨域頭或者借助，但是，中可以設(shè)置為不跨域，如下所示這樣之后我們會得到一個為的返回。免費幫忙內(nèi)推阿里等各大IT公司的崗位，有興趣可以帶簡歷加微信angeltune 引言前端技術(shù)真是一個發(fā)展飛快的領(lǐng)域，我三年前入職的時候只有原生XHR和Jquery ajax，我們還曾被JQuery 1.9版本版本以下不支持大文件請求這個...

YanceyOfficial 2019-08-22 13:49 評論0 收藏0