原因:
因为浏览器的 CORS(跨域资源共享) 策略限制了从 file:// 协议加载脚本。浏览器不允许直接从本地文件系统(如 file://)加载模块化的 JavaScript 文件, 只允许通过 http://、https:// 等协议来加载脚本资源,所以运行 index.html 时收到了 CORS 错误
解决办法之一:
使用 Chrome 的 --disable-web-security 启动参数来禁用 CORS 限制: 禁用 Web 安全性(仅限开发)
这个参数可以降低chrome浏览器的安全性,禁用同源策略,利于开发人员本地调试
设置跨域
在chrome快捷方式右键‘属性’,‘快捷方式’,‘目标’ 路径最后边按一下空格,再添加以下代码:
--args --disable-web-security --user-data-dir=E:\myChrome
或者
--disable-web-security --user-data-dir=E:\myChrome
E:\myChrome自定义的文件夹,这个方式等于是用户在自己电脑创建了一套chrome的私有化浏览器,里边的设置配置等均为私有化设置。此时找到chrome安装源目录,打开chrome.exe,会发现,在私有chrome配置的所有书签,选项等,在这个chrome里都没有
备注:如果要删掉E:\myChrome,一定要先做书签、账号密码等的备份。一经删除,等于是把个人电脑里的私有chrome卸载了,数据都不会保留
再打开就不会跨域