首先在vue cli3以上的版本中,存放静态资源的文件是public

vue cli3搭建的项目中使用axois请求本地json文件404 坑_vue cli3

vue cli2需要放在static文件夹下,但是项目中没有这个文件夹,创建了一个,结果请求的时候总是报错404

vue cli3搭建的项目中使用axois请求本地json文件404 坑_vue cli3_02

vue cli3搭建的项目中使用axois请求本地json文件404 坑_vue_03

经历失败,vue cli3中静态资源是需要放在public中的,我改动后再次请求,还是报错

vue cli3搭建的项目中使用axois请求本地json文件404 坑_json_04

vue cli3搭建的项目中使用axois请求本地json文件404 坑_json_05

后来我尝试把public删了,直接  这样/json/data-china.json来访问

vue cli3搭建的项目中使用axois请求本地json文件404 坑_静态资源_06

vue cli3搭建的项目中使用axois请求本地json文件404 坑_请求本地json_07

完美解决

原来是在vue cli3以上的版本中,你只要把那个你想请求的文件跟在localhost:8080后面,vue会自动去public文件夹下面找这个文件