作者:艹丶马化腾_323 | 来源:互联网 | 2023-10-13 14:03
在平时项目开发中,有时后台接口跟不上前台开发的进度时,需要我们自己写先写本地的json文件,这样我们可以把静态界面和逻辑一起调试了,等后台来了接口,替换请求地址即可。但是在vue的项目
在平时项目开发中,有时后台接口跟不上前台开发的进度时,需要我们自己写先写本地的json文件,这样我们可以把静态界面和逻辑一起调试了,等后台来了接口,替换请求地址即可。但是在vue的项目中,网路请求不是ajax而是vue-resource了。但是现在vue,推荐使用vue-axios。
那么请求本地json文件,请求路径怎么写呢?
项目结构:
json文件在static目录下面。
项目下载地址:请点击我。
在调用的.vue文件中我们这么使用:
this.$http.get('../../../static/china.json').then((response) => {
// 响应成功回调
alert(response.data);
}, (response) => {
// 响应错误回调
alert('服务器请求失败');
});
这里只需要注意本地json文件在static目录里面。