fetch 访问本地json文件报错

来源：4-4 antv-l7 入门

慕粉1470114675

2022-05-27

fetch('./dist/basement_prod_data.json')

.then((response) => {

return response.json()

}).then(value => {

console.log(value)

}).catch(function(e){

console.log('erroe:' + e.toString());

})

把远程的json数据，保存成本地文件，访问的时候，会报错

Fetch API cannot load file:///F:/zhangJG/data-view-vue/data-visualization/touch/dist/basement_prod_data.json. URL scheme must be "http" or "https" for CORS request.

这里就不能改成访问本地文件吗？只能是远程数据吗？

写回答

1回答

扬_灵

2022-05-27

同学你好，你可以将json文件放在项目中，启动项目后通过端口的方式访问试一下。

慕粉1470114675

谢谢老师，可以访问了 fetch('http://localhost:8081/basement_prod_data.json') 放在public文件中，启动一个vue项目即可访问

2022-05-30

共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

echart中自定义地图的问题

回答 2

地图引用报错，白屏，看不出是什么问题。

回答 1

老师是不是百度地图的api需要设置白名单本地设置apk网络报错

回答 2

npm install 报错

回答 1

container容器问题

回答 1

打开慕课网App查看更多内容