ES6实现模块化时遇到的跨域问题(module)

ES6实现模块化时遇到的跨域问题(module)

1.HTML代码

  <script src="aaa.js" type="module"></script>
  <script src="bbb.js" type="module"></script>
  <script src="mmm.js" type="module"></script>

2.浏览器打开报错

3.根据内容翻译

访问脚本文件：aaa.js“from origin”null已被CORS策略阻止：跨源请求仅支持协议方案：http、data、chrome、chrome扩展、https。

4.原因

HTML使用type="module"会默认产生跨域请求，我们是在本地打开的文件，而file协议并不支持

5.解决方案

1. Visual Studio Code下载Live Server 插件

2. 在对应.html文件点击右键选择Open with Live Server

6.结果

可以成功的访问到.js文件并在控制台输出响应内容