数据模拟mock.js

2018-7-23    分类: 前端资源

模拟数据 mock,为前后端分离,提前准备数据,不必要等待后台提供数据。但是前提是要约定好数据结构。

 

浏览器引入:

<script src="https://cdn.bootcss.com/Mock.js/0.1.11/mock-min.js"></script>

 

node.js后台引入:

//安装
npm install mockjs --save-dev


// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
 'list|1-10': [{  //在数组list里随机生成1到10条数据
     'id|+1': 1  //id属性递增加1
 }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

 

 

在node.js后台可以拦截并模拟接口:

import Mock from 'mockjs'
.
.
.
var data = Mock.mock('/home',{
   'list|1-10': [{
     'id|+1': 1
   }]
});


 Vue.$http.get('/home').then((res)=>{
   this.json=res.body.list;
   console.log(res)
 })

 

具体用法:http://mockjs.com/examples.html