vue moke 数据的使用
开发过程中,一般前台的代码调试是需要后台的接口与数据支持的,在数据流的支持下,才能有效的完成对整个代码的调测。moke数据的产生就是让前端脱离后台,完成代码的调测。在vue项目中,与static目录同级创建moke目录,moke目录中存放moke数据文件,文件已json格式为主,因为多数接口返回的也是json的格式数据。文件名字不重要,可以随意取,例如demo.jsondemo.jso...
开发过程中,一般前台的代码调试是需要后台的接口与数据支持的,在数据流的支持下,才能有效的完成对整个代码的调测。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)
更多推荐
所有评论(0)