官网地址:mock官网
有时候前端写完页面之后,后台的数据还没完成,有时候不愿意写一遍静态再等后台的数据,所以记录一下今天学到的自己定义json数据模拟接口的方法.
首先安装mock.js,共有五种方法,较为常用的方法有三种:
node(commonJS)
#安装
npm install mockjs
var Mock = require('mockjs')
var data = Mock.mock({
// 属性 list 的值是一个数组,其中含有 1 到 10 个元素
'list|1-10': [{
// 属性 id 是一个自增数,起始值为 1,每次增 1
'id|+1': 1
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
Bower
#安装
npm install -g bower //安装bower
bower install --save mockjs //用bower安装mockjs到项目文件夹
<script type="text/javascript" src="./bower_components/mockjs/dist/mock.js"></script>
<script src="//cdn.bootcss.com/axios/0.15.3/axios.min.js"></script>
//页面引用
<script>
function