为了账号安全,请及时绑定邮箱和手机立即绑定

vue cli3.0用axios调用本地json数据一直报404

标签:
Html5 Vue.js

最近学习vue的时候请求本地数据老是报404

https://img1.sycdn.imooc.com//5d69e891000173c908320219.jpg

https://img1.sycdn.imooc.com//5d69e891000105c308990100.jpg


查看了NNNNN多的百度也没整明白,最后还是自己一点点的测出来了。

因为最新的vue-cli3.0生成的项目,静态文件变成了public文件。

最开始请求的static的文件中的json也是报错,就查看了很多的资料最后发现改了

本地请求需要在public文件中新建一个js文件,在js文件中添加json的本地数据文件


https://img1.sycdn.imooc.com//5d69e83c00014a7202880350.jpg

下面是axios请求的代码

https://img1.sycdn.imooc.com//5d69e83c0001163f04640426.jpg

下面是请求成功的结果

https://img1.sycdn.imooc.com//5d69e83c000149a608270293.jpg

下面是自己辛辛苦苦四五个小时才找到的,自己一定要记住啊!!!!!!!!!!!


点击查看更多内容
15人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消