Vue中使用本地json数据

项目中有有一个地区接口，服务器原因请求速度很慢很慢，于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度

一、首先创建一个json文件，将数据放进去，一定要确保格式正确我的是这样的，把json文件放在static文件夹下，

                     

二、像使用axios一样去调用json文件，因为我的axios配置的时候设置的是$ajax = axios

Vue.prototype.$ajax = axios;

所以调用json文件如下操作，其中注意我用的是/绝对路径，不用写什么localhost，最后部署到服务器上还是要这个绝对路径，

this.$ajax.get('/static/mock.json').then((res) => {
   this.areaData=res.data      //res.data可根据你的数据格式来，看需求
   console.log(this.areaData) //打印看看数据吧
})

然后就可以肆无忌惮的用数据了。

给大哥点点关注！