报错Access to script at ‘。。‘ from origin ‘null‘ been blocked by CORS policy: Cross origin requests 的解决

问题展示: 

最近在复习ES6里面的模块化开发,然后出现这样的【跨域】报错:

测试代码:

导出代码作为模块的demo1.js中:

引入模块的demo1.html中:

 如果直接alt+B用浏览器打开demo1.html,就是会出现下图这个【跨域】报错

问题出现原因:

模块化编程需要本地服务器进行调试,而当前的访问路径是本地路径

解决方法:

1.vsocode中安装Live Server插件——可用于架设本地服务器

 安装方法详见:[总结前端在pink老师推荐的基础上补充]刚下载vscode需要安装的插件_vscode标签自动补全插件-CSDN博客中的12.

2.安装好后,在 引入模块的demo1.html中:

3.有弹出弹窗就点 允许访问

4.再F12,即可显示对应内容

并且当前访问路径的是 本地服务器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值