热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue-resource请求本地json文件

在平时项目开发中,有时后台接口跟不上前台开发的进度时,需要我们自己写先写本地的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目录里面。


推荐阅读
author-avatar
艹丶马化腾_323
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有