开发者社区> 小贤笔记> 正文

mock 使用方法

简介: 安装 npm install mockjs 全局引入 main.js import "@/utils/mock"; 配置 src/utils/mock.
+关注继续查看

安装

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 中自己设置的接口

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
cmake使用方法详解
cmake 简介     CMake是一个跨平台的安装(编译)工具,可以用简单的语句来描述所有平台的安装(编译过程)。他能够输出各种各样的makefile或者project文件,能测试编译器所支持的C++特性,类似UNIX下的automake。
2731 0
c++ GDI 中SelectObject使用方法和注意事项
介绍 CPen* SelectObject( CPen* pPen ); CBrush* SelectObject( CBrush* pBrush ); virtual CFont* SelectObject( CFont* pFont ); CBitmap* SelectObject( CBitmap* pBitmap ); int SelectObject( CRgn* pRgn ); CGdiObject* SelectObject( CGdiObject* pObject ); 函数功能:该函数选择一对象到指定的设备上下文环境中,该新对象替换先前的相同类型的对象。
1274 0
c#中字符串截取使用的方法
一、理论及例程 String substring(int beginIndex)  String substring(int beginIndex, int endIndex)  String.Substring (Int32)         子字符串从指定的字符位置开始。
650 0
【C/C++】编程常用命名方法
1、匈牙利命名法 通过在变量名之前增加小写字母的符号前缀,以标识变量的属性、类型、作用域等参数。简单地说,即“变量名=属性+类型+对象描述”的形式。
751 0
Format方法使用详解
VBA 的 Format 函数与工作表函数 TEXT 用法基本相同,但功能更加强大,许多格式只能用于VBA 的 Format 函数,而不能用于工作表函数 TEXT ,以下是本人归纳的几点用法,不到之处,敬请谅解。
1036 0
+关注
小贤笔记
越努力, 越幸运
30
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载