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

相关文章
|
8月前
阿萨学工具:Apifox 用Mock.js写高级Mock的期望
阿萨学工具:Apifox 用Mock.js写高级Mock的期望
213 0
|
XML 前端开发 测试技术
【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ?
在开发过程中,进度比较赶的情况下,前端人员当页面写完时,后台的接口还没写完,等要交付的时候后端才把接口给你,这个时候就很尴尬。 这个时候 Mock 就可以很好的解决这个问题,前端团队可以在 API 还没开发完成的情况下,借助 Mock API 实现预对接,加速开发进程。测试团队可以通过 Mock API 解决不必要的系统,完成集成测试。 Eolink Apikit 为前端工程师提供 API 文档管理,快速接口测试,以及 Mock API 创建与调用,及查看文档变更历史的能力。有助于前端工程师快速查看 API 文档详情与历史记录,快速生成和使用 Mock API 提前进行页面效果验证。
87 0
|
前端开发
什么是 Mock 测试?掌握 Mock 测试的核心原理
Mock 的意思就是,当你很难拿到源数据时,你可以使用某些手段,去获取到跟源数据相似的假数据,拿着这些假数据,前端可以先行开发,而不需要等待后端给了数据后再开发。
|
3月前
|
JSON 前端开发 API
mock基本使用
【10月更文挑战第4天】
55 1
|
4月前
|
存储 缓存 NoSQL
webFilter实现mock接口
这段代码实现了一个名为 `MockFilter` 的类,继承自 `WebFilter` 接口,用于处理 HTTP 请求和响应。它通过从 Redis 缓存中获取配置信息来决定是否使用模拟数据或缓存数据来响应请求。如果开启了生产模式或关闭了模拟和缓存功能,则直接放行请求。否则,它会检查请求体并根据配置返回相应的模拟或缓存数据。同时,该过滤器支持对响应结果进行处理,并将结果存储回 Redis 中。
|
6月前
|
测试技术
详解单元测试问题之处理@Mock注解时mock对象的创建如何解决
详解单元测试问题之处理@Mock注解时mock对象的创建如何解决
61 1
|
6月前
|
前端开发
什么是 Mock 测试?
Mock 是在前后端分离开发中,用于模拟后端数据的工具,让前端能提前开发而无需等待真实接口。它的重要性在于加速协同开发,避免因数据延迟导致的阻塞。通过工具如 Apifox,可以创建请求,设定 Mock 参数和测试脚本,进行 Mock 测试以确保数据符合预期。了解 Mock.js 语法有助于更好地进行 Mock 测试。
230 1
|
8月前
|
JavaScript 数据安全/隐私保护
Mock
Mock
99 0
|
前端开发 JavaScript
Mock 语法讲解
Mock 是生成随机数据,拦截 Ajax 请求的 JavaScript 库。 本文来介绍下 Mock 的常用语法。
Mock 语法讲解
|
数据可视化 前端开发 Java
Mock工具介绍,为什么使用Mock?
Mock工具介绍,为什么使用Mock?
639 0