详解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);//需要这样获取到数组
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。