本地服务器访问你的项目,会有这个 CORS 报错了

你遇到的这个 CORS(跨域)错误,是因为你直接用浏览器打开本地的 HTML 文件(协议),而不是通过本地服务器访问。浏览器出于安全考虑,禁止模块脚本在本地文件协议下加载。

方法一:用 VS Code 的 Live Server 插件

  1. 安装 VS Code 的 Live Server 插件。
  2. 右键你的 index.html,选择“Open with Live Server”。
  3. 浏览器会自动打开 http://localhost:xxxx,此时不会有 CORS 问题。

方法二:用命令行启动本地服务器

如果你安装了 Node.js,可以在项目目录下运行:

npx serve .

或者

npx http-server .

然后在浏览器访问 http://localhost:5000(端口号可能不同)。

总结:
只要用本地服务器访问你的项目,就不会有这个 CORS 报错了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值