mock 使用方法

简介: 安装npm install mockjs全局引入main.jsimport "@/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 中自己设置的接口

相关文章
|
10月前
|
JSON API 数据安全/隐私保护
淘宝拍立淘API接口详解
淘宝拍立淘API接口基于图像识别技术,通过上传图片快速找到相似商品,提升购物体验和搜索效率。其核心功能包括图片上传、图像处理、相似图片搜索和结果返回。开发者需注册淘宝开放平台账号并获取API密钥,调用接口时需遵守频率限制、图片质量要求及隐私政策。该接口适用于电商平台、社交媒体和线下门店等场景,为用户提供便捷的购物服务。
|
设计模式 前端开发 Swift
探索iOS开发:Swift与Objective-C的较量
在这篇文章中,我们将深入探讨iOS开发的两大编程语言——Swift与Objective-C。我们将分析这两种语言的特性、优势和局限性,并讨论它们在现代iOS开发中的应用。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和建议。
315 3
|
机器学习/深度学习 人工智能 自然语言处理
Java医院医学AI智能导诊系统源码
降低医疗成本:通过智能导诊系统的精准分诊和优化就诊流程,可以降低患者的就诊成本和医院的资源浪费,提高医疗资源的利用效率。
253 0
|
前端开发 应用服务中间件 数据安全/隐私保护
部署React项目到云服务器(步骤清晰)
部署React项目到云服务器(步骤清晰)
829 0
|
移动开发
常用的不常见标签
常用的不常见标签
121 1
uva127 "Accordian" Patience
uva127 "Accordian" Patience
143 0
|
开发工具 Perl
Xcode12 适配模拟器问题总结
Xcode12运行模拟器会报以下错误
365 0
|
消息中间件 监控 负载均衡
SpringCloud微服务构建浅析
Spring Cloud 作为Java 语言的微服务框架,它依赖于Spring Boot,有快速开发、持续交付和容易部署等特点。Spring Cloud 的组件非常多,涉及微服务的方方面面,井在开源社区Spring 和Netflix 、Pivotal 两大公司的推动下越来越完善。
330 0
SpringCloud微服务构建浅析
|
存储 缓存 NoSQL
SpringBoot2.0中application.properties配置文件的详解(二)
SpringBoot2.0中application.properties配置文件的详解(二)
402 0
|
存储 SQL 关系型数据库
Mysql(三)
Mysql(三)
214 0
Mysql(三)