问题展示:
最近在复习ES6里面的模块化开发,然后出现这样的【跨域】报错:
测试代码:
导出代码作为模块的demo1.js中:
引入模块的demo1.html中:
如果直接alt+B用浏览器打开demo1.html,就是会出现下图这个【跨域】报错
问题出现原因:
模块化编程需要本地服务器进行调试,而当前的访问路径是本地路径
解决方法:
1.vsocode中安装Live Server插件——可用于架设本地服务器
安装方法详见:[总结前端在pink老师推荐的基础上补充]刚下载vscode需要安装的插件_vscode标签自动补全插件-CSDN博客中的12.
2.安装好后,在 引入模块的demo1.html中:
3.有弹出弹窗就点 允许访问
4.再F12,即可显示对应内容
并且当前访问路径的是 本地服务器