fetch请求本地资源文件失败的解决方法？

Question

本人在利用VScode编写前端代码时用fetch方法请求本地资源后，控制台显示报错。

methods:{
                handfetch(){
                    fetch("json/test.json")
                    .then(res=>res.json())
                    .then(res=>{console.log(res)})
                }
            }

控制台报错显示：

 

VScode上安装了live-server，并且已经打开了，但是打开的页面不是http协议的。

打开之后的路径是这样的：

各路大神该怎么解决这个问题呢？

 

Answer 1

fetch请求的开头必须是http或者https这种完整路径的

这里没必要用fetch哦，如果是本地的文件，你直接用require('json/test.json')这样的就可以了，

或者你的代码支持import，这样更简单，更容易一些