使用vue.js访问本地json数据,死活出错,求前辈解疑
各位前辈好,今天在做一个练习的时候,出了一个问题,死活找不出原因的前提下我才来提问的,希望有前辈会的话麻烦指教一下。
我用使用vue框架做一个练习,请求本地json数据的时候,一直出现这个错误
Uncaught (in promise) Response {url: "shuju/shuju.json", ok: false, status: 0, statusText: "", headers: Headers, …}
下面这个是我自己创建的一个json格式的数据,格式应该没错啊
但是我访问跨域的数据是可以的,可以拿到数据的,但就是死活访问不了本地的数据,请问有前辈知道这个情况是怎么回事??我用的是谷歌浏览器。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(8)
我猜是你本地都没有启服务器,你这样直接路径访问是访问不到的。你应该用webpack或者gulp起个本地服务。
访问本地的的数据为什么还要 this.$http.get
直接引入json文件不就行了吗
开个本地服务器,把你项目目录当根目录扔到本地服务器上。
起服务,用http地址访问你json
文件夹根目录起个简单服务器:
有python的话:
python -m SimpleHTTPServer
有node:
npm install -g anywhere
anywhere
你get的路径是shuju/这样的话我估计你是没有建本地服务器
用axios的话要先用wamp先搭一个本地服务器,请求要用绝对路径/shuju/
把你json 放到static目录下面就可以了,我就是这样干的
本地的不需要用http去请求