通过fetch方法获取跨域JS报错

cod7ce 发布于2019-08-23 12:33 / 1147人阅读

摘要：一背景今天在中通过获取一个跨域的是报错了难道该不支持跨域看下该的打眼一看这个支持跨域啊，但仔细看看发现请求头里有个非安全头部，而响应头里也没有把加入到里。参考博客报错

一、背景

今天在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.

私有云混合云 js fetch 获取数据 js跨域获取数据 js跨域获取json数据 js通过id获取内容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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