mock 使用方法

作者: 小贤笔记 | 来源:发表于2018-08-14 15:21 被阅读1次

安装

npm install mockjs

全局引入

  • main.js
import "@/utils/mock";

配置

  • src/utils/mock.js
let Mock = require('mockjs');

// 例1
Mock.mock('/api-infos/user/get-info', function () {
    return Mock.mock({
        success: true,
        msg: '',
        obj: {
            "account_name": "@name",
            "gender|1": ["male", "female"],
            "birthday": Mock.Random.datetime('yyyy-MM-dd'),
            "address": "a b c d"
        }
    })
});

// 例2
Mock.mock('/api-infos/user/message', function (req) {
    let pgSize = JSON.parse(req.body).pgSize;
    let res = {
        success: true,
        msg: '',
        obj: []
    }
    for (let i = 0; i < pgSize; i++) {
        res.obj.push(Mock.mock({
            "subject|2-10": "aaaaa",
            "id|1-100": 100,
            "time": Mock.Random.datetime('yyyy-MM-dd HH:mm'),
            "type|1": ['order', 'system'],
            "tip": '您有一条新的提货消息,速来提取>>',
            "status|1": ['seen', 'unseen']
        }))
    }
    return res;
});

使用

配置完成之后, 就可以正常使用了
请求接口就是 mock 中自己设置的接口

相关文章

  • mock语法

    mock使用方法 Mock.mock( rurl?, rtype?, template|function( opt...

  • mock 使用方法

    安装 npm install mockjs 全局引入 main.js 配置 src/utils/mock.js 使...

  • Python学习:如何试用pytest-mock(2)

    1.问题 前面我们讨论了pytest-mock,给模块mock的使用方法。当时还列举了两个问题,如何给对象的属性进...

  • 简单实现webpack mock中间件

    方法一-中间件代码 使用方法 方法二-中间件代码 使用方法 方法三-使用文件夹路径mock(可无刷新修改) 使用方...

  • Mock简明文档

    Mock简明文档 Mock.mock() Mock.mock( requestUrl?, requestType?...

  • Mockito的参数匹配

    上篇我们已经说过,mockito中可以控制mock对象的方法,返回我们想要的值,而无需真正执行它。使用方法是doR...

  • 试一试mockjs

    注:本文主要学习于vue-cli 本地开发mock数据使用方法,加上我自己的理解和实践。 实习了半年,一直觉得公司...

  • mockjs

    https://github.com/nuysoft/Mock/wiki/Mock.mock() 常用方法Mock...

  • react的mock使用方法记录

    通常图方便的话,在app.js使用provide注入 之后只要在想要使用的页面使用inject 就可以在this....

  • mock.js的使用方法

    在开发过程中,有很多的ajax请求,前后端分离开发你肯定遇到这样的问题,后台给你的接口文档,你需要在本地模拟数据返...

网友评论

    本文标题:mock 使用方法

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