Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 请求我在别处创建的json文件时出现fetch API错误_Javascript_Asynchronous_Fetch Api - Fatal编程技术网

Javascript 请求我在别处创建的json文件时出现fetch API错误

Javascript 请求我在别处创建的json文件时出现fetch API错误,javascript,asynchronous,fetch-api,Javascript,Asynchronous,Fetch Api,从异步JavaScript开始,我一直在理解一些东西。问题是,当我请求或获取一个普通URL端点(如“”)时,它工作完全正常,当我获取一个相对路径中的现有json文件时,它会记录一个错误: 无法加载获取APIfile:///D:/Programming/First%20website/work.json. 对于CORS请求,URL方案必须为“http”或“https”。 这是密码 fetch('work.json').then(response =>{ console.log('pr

从异步JavaScript开始,我一直在理解一些东西。问题是,当我请求或获取一个普通URL端点(如“”)时,它工作完全正常,当我获取一个相对路径中的现有json文件时,它会记录一个错误:

无法加载获取APIfile:///D:/Programming/First%20website/work.json. 对于CORS请求,URL方案必须为“http”或“https”。

这是密码

fetch('work.json').then(response =>{
    console.log('promise delivered', response);
    return response.json();
})
.then(data =>{
    console.log(data);
})
.catch(err =>{
    console.log('promise falied, sorry', err)
});


有什么解释吗?

它支持
获取
不使用
文件
协议

尝试设置一个本地服务器来为
work.json
服务。您可以使用这样的npm包。只需全局安装软件包并运行http服务器。
。然后,您可以通过访问JSON文件。然后您可以在'fetch('')中指向此URL


Fetch函数采用url而不是文件名。您可以使用node或express等任何框架来执行此操作。当使用文件时,您将无法获得服务器生成的头文件://-因此,诀窍是从web服务器提供文件。