通過(guò)fetch方法獲取跨域JS報(bào)錯(cuò)

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

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

一、背景

今天在serviceWork中通過(guò)fetch獲取一個(gè)跨域的JS是報(bào)錯(cuò)了：

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

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

二、是誰(shuí)在請(qǐng)求頭加的intervention？

正好這個(gè)頭里有鏈接，點(diǎn)進(jìn)入看看，原來(lái)是chrome自己加的。具體原因可以見(jiàn)參考1

三、解決方案 3.1 方案1

不使用document.write了唄，可以用其他動(dòng)態(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

博客報(bào)錯(cuò) 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通過(guò)id獲取內(nèi)容

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/98718.html

相關(guān)文章

http-web前后端的跨域

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

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

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

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

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

Kosmos 2019-08-22 15:44 評(píng)論0 收藏0
React和React-native踩坑記

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

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

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

YanceyOfficial 2019-08-22 13:49 評(píng)論0 收藏0