浏览器原生支持ECMAScript模块,本地测试报CORS policy跨域错误
浏览器已经原生支持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模块啦!
相关推荐
yiranpiaoluo 2020-11-04
yyyxxxs 2020-06-26
Chydar 2020-05-16
ysmh00 2020-05-14
yuxinshuier 2020-04-21
wolfjin 2020-04-21
fengchao000 2020-04-11
somebodyoneday 2020-03-06
Strongding 2020-01-14
zagnix 2019-11-16
wenf00 2019-11-04
baijinswpu 2019-10-31
wsd 2015-05-29
adonislu 2019-09-08
HAcSeeking 2018-11-05
chenchuanwen 2019-05-24
haocxy 2014-08-21