浏览器原生支持ECMAScript模块，本地测试报CORS policy跨域错误

leiyi 发布于2019-08-26 12:19 / 1534人阅读

摘要：浏览器已经原生支持模块，我阅读着底部参考链接的两篇文章，本地测试打开文件，没有显示预期的内容，打开控制台，报错如下这是为什么不像常规的脚本加载，直接跨域可以解析，模式下脚本资源加载需要方式获取，不然浏览器报跨域相关错误如何支持跨域需要模块资

浏览器已经原生支持ES模块，我阅读着底部参考链接的两篇文章，本地测试

打开 html 文件，没有显示预期的内容，打开控制台，报错如下:

这是为什么？

不像常规的脚本加载，直接跨域可以解析，module模式下脚本资源加载需要 CORS 方式获取，不然浏览器报CORS policy跨域相关错误

如何支持跨域？
需要模块资源服务端配置 Access-Control-Allow-Origin，可以指定具体域名，
或者直接使用* 通配符，Access-Control-Allow-Origin:*

意味着代码本地跑不了，至少得放服务器上，而且服务器需要配置配置Access-Control-Allow-Origin

于是我将代码放到的 github上，正常显示预计效果，打开控制台也没有报错点击查看测试

学习详细内容请参考下面的两篇文章～

参考链接：
ECMAScript modules in browsers
万岁，浏览器原生支持ES6 export和import模块啦！

私有云海外云主机测试浏览器支持webrtc 服务器支持cors ajax跨域访问报错服务器报406错误

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

转载请注明本文地址：https://www.ucloud.cn/yun/108489.html

前端培训-中级阶段（11、12）- 跨域请求原理以及实现（2019-08-22期）

摘要：上节我们讲了同源策略，这节我们讲讲如何跨域。当这些从的脚本执行出错，因为违背了同源策略为了保证用户信息不被泄露，错误信息不会显示出来，取而代之只会返回一个。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每...

binaryTree 2019-08-26 10:21 评论0 收藏0
Web 应用安全性: 使用这些 HTTP 头保护 Web 应用

摘要：综上所述，认为没有提供的保护，用户会过得更好安全研究人员并不完全反对这一决定。内容安全策略是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括跨站脚本和数据注入攻击等。这是关于web安全性系列文章的第三篇，其它的可点击以下查看： Web 应用安全性: 浏览器是如何工作的 Web 应用安全性: HTTP简介目前，浏览器已经实现了大量与安全相关的头文件，使攻击者更难利用漏...

spademan 2019-08-26 13:35 评论0 收藏0
20K前端大佬面试(关于如何回答ajax跨域问题)

摘要：在接触前端开发起，跨域这个词就一直以很高的频率在我们学习工作中重复出现，最近在工作中遇到了跨域的相关问题，这里我把它总结记录一下。在接触前端开发起，跨域这个词就一直以很高的频率在我们学习工作中重复出现，最近在工作中遇到了跨域的相关问题，这里我把它总结记录一下。关于跨域，有N种类型，现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器同源策略中的一部分,其它的这里不做介绍)，内容...

Yangyang 2019-08-02 16:09 评论0 收藏0