mockJs的使用
2020-05-04 本文已影响0人
海晏河清_富贵荣华
模拟数据 mock,为前后端分离,提前准备数据,不必要等待后台提供数据。但是前提是要约定好数据结构。
使用方法:
1、直接引用
<script src="http://mockjs.com/dist/mock.js"></script>
2、npm安装mock
npm install mockjs --save-dev
3、使用,在src下创建mockjs目录,新建mock.js
var Mock = require('mock')
var data = Mock.mock({
//属性list的值是一个数组,其中含1到10个元素
'list|1-10':[{
//属性id是一个自增数,起始值为1,每次增1
'id|+1':1
}]
})
// 加载mockjs库
import Mock from 'mockjs'
// 构建一个函数对象,返回mock数据
const mockData = function () {
let data;
// 此处省略对data的一系列运算
return {data: data}
}
// url是真实的url,第二个参数是post和get都管,第三个参数就是传入函数对象
Mock.mock('url', /post|get/i, mockData);
//如:
//Mock.mock('/login', 'post', loginFun); //登录
4、main.js中引用mock.js
require('./mock/mock.js')