vue moke 数据的使用

开发过程中，一般前台的代码调试是需要后台的接口与数据支持的，在数据流的支持下，才能有效的完成对整个代码的调测。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)