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

Question

所以我用来自 json 文件的数据制作了一个 table。我上次使用它时它起作用了，大约一周后我回来时遇到了这个错误：

script.js:5 Fetch API 无法加载文件:///（文件位置）。 URL CORS 请求的方案必须是“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 and filebin.net 可以这样做，但这不是一个好主意。

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

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

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

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

Unable to fetch my data from JSON file due to fetch api error

javascript

json

fetch-api