UmiJS Mock 接口请求

目录结构

在项目根目录下新建mock文件夹，文件夹中新建需要mock的接口，可以分类建不同的文件。

Mock 文件

./mock/users.ts为例。

import { defineMock } from "umi";

export default defineMock({
    'POST /api/random': (req, res) => {
        setTimeout(() => {
            res.send({
                response: Date.now().toString().repeat(20),
            });
        }, 1000);
    },
    "GET /api/users": [{ id: 2, name: "bar" }]，
    "/api/users/2": { id: 2, name: "bar" }，
});

说明

使用GET/POST/DELETE/PUT表示请求方法，后接请求路径，GET请求可以省略GET关键字直接写URL。

模拟网络延迟

使用自定义函数，在setTimeout中使用res.send。

req/res是Express4中的API。https://expressjs.com/en/api.html

关闭 Mock

在配置文件.umirc.ts或config/config.ts中关闭

import {defineConfig} from "umi";

export default defineConfig({
    mock: false,
});