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

发布时间:2019-08-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了浏览器原生支持ECMAScript模块,本地测试报CORS policy跨域错误脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

clipboard.png

clipboard.png

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

clipboard.png

这是为什么?


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

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

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

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

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的浏览器原生支持ECMAScript模块,本地测试报CORS policy跨域错误全部内容,希望文章能够帮你解决浏览器原生支持ECMAScript模块,本地测试报CORS policy跨域错误所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。