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

cod7ce 發布于2019-08-23 12:33 / 1342人閱讀

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

一、背景

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

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

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

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

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

三、解決方案 3.1 方案1

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

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

3.2 方案2

在響應頭里把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云服務器云服務器 js fetch 獲取數據 js跨域獲取數據 js跨域獲取json數據 js通過id獲取內容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98718.html

http-web前后端的跨域

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

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

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

Jacendfeng 2019-08-21 17:47 評論0 收藏0
談談前端異常捕獲與上報

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

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

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

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

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

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