如何使用fetch从本地JSON文件获取数据

Question

我认为这可能是一个老话题，但我从 Javascript 开始...... 我的 Javascript 基本代码中出现此错误： “Fetch API 无法加载 file:///C:/Users[...]data.json。对于 CORS 请求，URL 方案必须是“http”或“https””

我在网上看到的所有答案都说需要本地服务器才能对文件使用 fetch。但我需要在不使用本地服务器的情况下找到解决方案。

这是我的代码：

函数 getData() {

fetch('data.json')
    .then(res => res.json())
    .then(data => {
        console.log(data)
    })

};

获取数据（）；

我的文件 HTML 和 JS 链接良好，我的文件 data.json 位于同一文件夹中。

有人（了解我的问题:)可以给我一些帮助/建议吗？ 谢谢

Answer 1

如果可以避免的话，做出这样的决定并不是很明智，但是您可以以相同的方式使用不同的免费网站，例如 extendsclass.com 有一个免费的 json 服务器，您可以使用它来制作你自己的服务器。您所要做的就是创建一个帐户并向他们提供的 api 发送获取请求（每月限制为 10,000 个请求）。

Answer 2

您是否尝试过在 json 文件之前添加 ./ 例如

fetch('./data.json')
    // rest of you're code