关于vue中，处理本地运行项目，通过axios获取本地的json数据的问题（vue-cli2和3的区别处理）

通过axios获取本地的json数据的问题（vue-cli2和3的区别处理）

1.vue-cli2中，需要建立一个静态资源文件夹static，如下图：

注意将json文件放在static文件夹下
我们在vue中使用axios和获取时，需要注意文件的层级关系，不然控制台会出现报错，此处就以获取data.json为例；

axios.get('./static/data.json',{}).then(response=>{
          console.log(response)
        })
 // 下面这种写法就比较固定，直接写死
/*  axios.get('http://localhost:9528/static/data.json', {}).then(response => {
          console.log(response)
        }) */

2.vue-cli3中，只需要将json数据放在public文件夹下。

这里与cli2就不相同了，因为在用element-admin做项目，发现用cli2的方法，就会在控制台报404错误，这里有个坑，cli3中静态资源需要放置在public文件夹下。

使用axios获取数据方法和上述相同。