fetch 访问本地json文件报错

Question

 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.

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

Answer 1

扬_灵 2022-05-27 18:39:08

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

• 提问者 慕粉1470114675 #1

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