当前位置: 首页 > 后端技术 > Node.js

vue的mock数据(二)express.Router

时间:2023-04-03 14:43:01 Node.js

Vue是一个MVVM模式的前端框架。在vue的开发过程中,可以使用mock数据来模拟实际情况。可以在vue-cli的build/dev-cli中使用express在server.js下搭建一个后端服务器,通过读取本地json文件为前端提供数据,前端通过ajax获取数据在vue-resource插件中。由于一个json文件可以包含多个数据,可以分为多个模块,所以这里使用express.router来实现不同的路径对应不同的数据。相关文档:[http://www.expressjs.com.cn/guide/routing.html][1]1.vue-cli本地有一个json格式的数据文件2.build/dev-server.js下搭建服务器varexpress=require('express');varapp=express()varappData=require('../db.json')//引入文件vargetOrderList=appData.getOrderList//json数据模块vargetNewsList=appData.getNewsList//数据模块varapiRouters=express.Router()//定义routerapiRouters.get('/getOrderList',function(req,res){res.json({errno:0,//返回值为json格式,验证码方便判断返回状态data:getOrderList});})apiRouters.get('/getNewsList',function(req,res){res.json({errno:0,data:getNewsList})})app.use('/apis',apiRouters)//访问域名下的路径3.这样就实现了mock数据的建立,通过'当前域名'+apis/XXXX获取,或者通过这个在vue-resource插件中.$http.get('url').then()得到