由于获取API错误

问题描述

所以我用来自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文件来自某个网​​址，是否有一种简单的方法？另外，还有另一种方法可以将我的数据输入我的javascript程序吗？

解决方法

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

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

如果您只是在开发前端项目，并且不希望使用Xamp之类的功能齐全的应用程序，则可以使用方括号编辑器，使您可以使用http协议在localhost中进行预览。

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

,

如果您的.json文件不是很大，您可以将其中的所有数据放入程序内的某个变量中。