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')
上一篇下一篇

猜你喜欢

热点阅读