vue-resource请求本地json文件

在平时项目开发中,有时后台接口跟不上前台开发的进度时,需要我们自己写先写本地的json文件,这样我们可以把静态界面和逻辑一起调试了,等后台来了接口,替换请求地址即可。但是在vue的项目中,网路请求不是ajax而是vue-resource了。但是现在vue,推荐使用vue-axios。
那么请求本地json文件,请求路径怎么写呢?
项目结构:
vue-resource请求本地json文件_第1张图片
json文件在static目录下面。
项目下载地址:请点击我。
在调用的.vue文件中我们这么使用:

this.$http.get('../../../static/china.json').then((response) => {
    // 响应成功回调
    alert(response.data);
 }, (response) => {
   // 响应错误回调
   alert('服务器请求失败');
});

这里只需要注意本地json文件在static目录里面。

你可能感兴趣的:(Vue学习经验分享)