详解vue 模拟后台数据（加载本地json文件）调试
本文介绍了vue模拟后台数据（加载本地json文件）调试，分享给大家，也给自己留个笔记
首先创建一个本地json文件，放在项目中如下
{
"runRedLight":{
"CurrentPage":1,
"TotalPages":0,
"TotalItems":0,
"ItemsPerPage":100,
"Items":[
{"DEVICEID":"121212","DEVICETYPE":"1","DEVICETIME":"2016-10-10","CREATEDTIME":"2016-10-11"},
{"DEVICEID":"124412","DEVICETYPE":"1","DEVICETIME":"2016-10-10","CREATEDTIME":"2016-10-11"},
{"DEVICEID":"121255","DEVICETYPE":"1","DEVICETIME":"2016-10-10","CREATEDTIME":"2016-10-11"},
{"DEVICEID":"121266","DEVICETYPE":"1","DEVICETIME":"2016-10-10","CREATEDTIME":"2016-10-11"}
]
},
"redLightRoad":[
{"CREATEDTIME":"2017-03-0309:41:44","DEVICEID":"2","ID":"45afdc60f33443d28fe0171d0df40d14","NAME":"1"},
{"CREATEDTIME":"2017-03-0309:41:52","DEVICEID":"5","ID":"74cf7106f1fa406f9c32ad351e7dfc76","NAME":"2"}
]
}
然后在dev-server.js中配置
1.数据读取
varappData=require('../data.json')；
varrunRedLight=appData.runRedLight;
varredLightRoad=appData.redLightRoad;
2.定义路由
varapiRoute=express.Router();
apiRoute.get('/runRedLight',function(req,res){
res.json({
errno:0,//错误码
data:runRedLight//具体数据
})
})
apiRoute.get('/redLightRoad',function(req,res){
res.json({
errno:0,
data:runRedLight
})
})
3.注册定义的api
app.use('/api',apiRoute);
4.在页面使用url
this.$http.get("/api/runRedLight").then((response)=>{
response=response.body;
console.log(response.data);//需要这样获取到数组
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法