美文网首页
mockJs的使用

mockJs的使用

作者: 海晏河清_富贵荣华 | 来源:发表于2020-05-04 08:09 被阅读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')
    

    相关文章

      网友评论

          本文标题:mockJs的使用

          本文链接:https://www.haomeiwen.com/subject/itejghtx.html