如何解决错误“对于 CORS 请求，URL 方案必须是“http”或“https”。对于此代码

Question

它在console.

sandbox.js:1 Fetch API 无法加载 file:///C:/Users/Lizzi/Desktop/novice%20to%20ninja/todos/luigi.json。对于 CORS 请求，URL 方案必须是“http”或“https”

我是aynchronouse编程新手，但我已经阅读了CORS解决方案并尝试了诸如获取 chrome 扩展和禁用 google chrome 的网络安全等方法，但它仍然无法正常工作。

fetch('todos/luigi.json').then((response)=>{
  console.log('resolved',response);
}).catch((err)=>{
    console.log('rejected', err);
});

Answer 1

您需要在本地提供 index.html 或将您的站点托管在某个实时服务器上，以便 Fetch API 正常工作。这些文件需要使用 http 或 https 协议提供。

如果您只是从文件资源管理器中单击 index.html，则浏览器会直接从文件系统中获取这些文件。这就是错误显示您计算机上根文件夹的绝对路径的原因。

尝试安装其中之一... - npm serve - Live server （如果您使用的是 Visual Studio Code 的扩展）

或者任何适用于您的环境的服务器。

启动服务器后应该可以正常工作:) 快乐编码！