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

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

报错图片.jpg

报错图片2.jpg

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

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

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

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


文件放置图片.jpg

下面是axios请求的代码


请求图片.jpg

下面是请求成功的结果
返回结果图片.jpg

以上内容是自己脑壳疼了很久才找到的，希望对不了解的童孩有所帮助

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容