你遇到的这个 CORS(跨域)错误,是因为你直接用浏览器打开本地的 HTML 文件(协议),而不是通过本地服务器访问。浏览器出于安全考虑,禁止模块脚本在本地文件协议下加载。
方法一:用 VS Code 的 Live Server 插件
- 安装 VS Code 的 Live Server 插件。
- 右键你的 index.html,选择“Open with Live Server”。
- 浏览器会自动打开
http://localhost:xxxx
,此时不会有 CORS 问题。
方法二:用命令行启动本地服务器
如果你安装了 Node.js,可以在项目目录下运行:
npx serve .
或者
npx http-server .
然后在浏览器访问 http://localhost:5000
(端口号可能不同)。
总结:
只要用本地服务器访问你的项目,就不会有这个 CORS 报错了