mock 使用方法

简介: 安装npm install mockjs全局引入main.jsimport "@/utils/mock";配置src/utils/mock.

安装

npm install mockjs

全局引入

  • main.js
import "@/utils/mock";
AI 代码解读

配置

  • 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;
});
AI 代码解读

使用

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

目录
打赏
0
0
0
0
1
分享
相关文章
淘宝拍立淘API接口详解
淘宝拍立淘API接口基于图像识别技术,通过上传图片快速找到相似商品,提升购物体验和搜索效率。其核心功能包括图片上传、图像处理、相似图片搜索和结果返回。开发者需注册淘宝开放平台账号并获取API密钥,调用接口时需遵守频率限制、图片质量要求及隐私政策。该接口适用于电商平台、社交媒体和线下门店等场景,为用户提供便捷的购物服务。
探索iOS开发:Swift与Objective-C的较量
在这篇文章中,我们将深入探讨iOS开发的两大编程语言——Swift与Objective-C。我们将分析这两种语言的特性、优势和局限性,并讨论它们在现代iOS开发中的应用。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和建议。
201 3
Java医院医学AI智能导诊系统源码
降低医疗成本:通过智能导诊系统的精准分诊和优化就诊流程,可以降低患者的就诊成本和医院的资源浪费,提高医疗资源的利用效率。
173 0
uva127 "Accordian" Patience
uva127 "Accordian" Patience
128 0
Xcode12 适配模拟器问题总结
Xcode12运行模拟器会报以下错误
319 0
SpringCloud微服务构建浅析
Spring Cloud 作为Java 语言的微服务框架,它依赖于Spring Boot,有快速开发、持续交付和容易部署等特点。Spring Cloud 的组件非常多,涉及微服务的方方面面,井在开源社区Spring 和Netflix 、Pivotal 两大公司的推动下越来越完善。
297 0
SpringCloud微服务构建浅析
SpringBoot2.0中application.properties配置文件的详解(二)
SpringBoot2.0中application.properties配置文件的详解(二)
349 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等