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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 7,006评论 0 16
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,444评论 0 21
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,506评论 19 139
  • jHipster - 微服务搭建 CC_简书[https://www.jianshu.com/u/be0d56c4...
    quanjj阅读 911评论 0 2
  • 一,解释【断】【舍】【离】 山下英子的那本书,没怎么看,就用自己的理解来诠释吧! 【断】是指断开其关系即我与自己的...
    心阳青青阅读 1,462评论 1 2

友情链接更多精彩内容