开发过程中,一般前台的代码调试是需要后台的接口与数据支持的,在数据流的支持下,才能有效的完成对整个代码的调测。moke数据的产生就是让前端脱离后台,完成代码的调测。

在vue项目中,与static目录同级创建moke目录,moke目录中存放moke数据文件,文件已json格式为主,因为多数接口返回的也是json的格式数据。

文件名字不重要,可以随意取,例如demo.json

demo.json文件内部结构全部以json格式数据,不能添加注释,不然自己的前台代码无法正确解析数据

一般格式为{'status':'0','msg':'success','result':[{},{}]}等等

文件编辑完成后,需要在vue内置的服务模拟发布程序中进行调用。vue内置的服务模拟发布程序为express

找到build目录下的dev-server.js文件,打开。找到var app = express()的代码处,在它下面添加代码:

var router = express.Router()

var demoData = require('./../moke/demo.json')  //将moke数据的对象引入

router.get('/demo',function(req,res,next){

   // '/demo'为路由的路径,在路由跳转到该路径文件下时会被这个方法进行拦截

   // req 请求对象   res 相应对象   next 表示继续后面的路由事件

   //将数据对象填充到相应对象中    res.json()表示填充json对象,res.end()表示填充string对象

   res.json(demoData)

})

//最后调用app使用这个设置了拦截的路由对象即可

app.use(router)

Logo

前往低代码交流专区

更多推荐