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

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

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

控制台报错显示：

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

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

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

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

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

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

应该是出现了跨域问题，需要把文件放在服务器上跑起来访问

这个得意思是fetch url必须是以http或https开头

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632