Vue中使用本地json数据
项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度一、首先创建一个json文件,将数据放进去,一定要确保格式正确我的是这样的,把json文件放在static文件夹下, 二、像使用axios一样去调用json文件,因为我的axios配置的时候设置的是$ajax = axios...
·
项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的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) //打印看看数据吧
})
然后就可以肆无忌惮的用数据了。
给大哥点点关注!
更多推荐
已为社区贡献14条内容
所有评论(0)