由于获取 api 错误，无法从 JSON 文件中获取我的数据

Question

所以我做了一个表格，其中的数据来自一个 json 文件。 我上次使用它时它起作用了，大约一周后我又回来了这个错误：

script.js:5 Fetch API 无法加载 file:///（文件位置）。 对于 CORS 请求，URL 方案必须是“http”或“https”。

我的 script.js:5 是 fetch('data.json')

这就是我如何将我的 json 数据放入我的 javascript 文件中：

fetch('data.json')
.then(function (response) {
    return response.json();
})
.then(function (data) {
    generateTable(data);
})
.catch(function (err) {
    console.log('error: ' + err);
});

我的理解是我需要我的 json 文件来自一个 url，有没有一种简单的方法来做到这一点？ 或者，是否有另一种方法可以将我的数据输入到我的 javascript 程序中？

Answer 1

出于测试目的，您可以将 json 文件上传到支持 txt 文件直接链接的服务器， file.io和filebin.net可能会这样做，但这不是一个好主意。

您始终可以安装 Xamp 或 Mamp 等应用程序，它们为您提供本地开发环境。

如果您只是在开发前端项目并且不想要像 Xamp 这样的全功能应用程序，那么您可以使用括号编辑器，让您可以使用 http 协议在 localhost 中进行预览。

当然，以上所有建议都是针对您网站的开发阶段的，如果是生产级网站，您应该将文件上传到服务器。