npm

/*
* 参数类型
* status    服务器返回状态码, 默认：200
* delay     请求延时，默认：100ms
* headers   返回头header
* data      返回数据, 可以为json，或者函数，函数接收req请求对象，可以获取query，body，或者params
*/
module.exports = {
    // 请求的方法和api地址。
    // 默认为 GET 请求。
    "api/1": {
        status: 200,
        // 自定义header
        headers: {
            'X-Foo': 'bar'
        },
        // 请求延时，默认100ms
        delay: 1000,
        // 返回数据
        data: {
            msg: 'response data'
        }
    },
 
    // 以函数定义返回数据
    "api/2": {
        data(req) {
            return {
                role: req.query.username === 'paul' ? 'admin': 'not admin'
            }
        }
    },
 
    // 内置mockjs
    "api/3": {
        data: {
            // 定义长度为5～10的list数组
            'list|5-10': [{
                // 属性 id 是一个自增数，起始值为 1，每次增 1
                'id|+1': 1
            }]
        }
    },
 
    // 发送POST请求
    "post api/1": {
        data: {
            msg: 'response data'
        }
    },
 
    // 以函数定义返回数据
    "post api/2": {
        data(req) {
            return {
                role: req.body.username === 'paul' ? 'admin': 'not admin',
                name: req.body.username
            }
        }
    },
}

module.exports = {
    devServer: {
        before(app) {
            // 假设接口文件是 ./mockData.js
            mock(app, path.resolve(__dirname, './mockData.js'));
        }
    }
}

const mock = require('fe-api-mocker');
const app = require('express')();
// 略过其他逻辑……
// 假设接口文件是 ./mockData.js
mock(app, path.resolve(__dirname, './mockData.js'));
 
app.listen(3000);

    // 这里要使用你自己的端口号
    fetch('http://localhost:3000/api/2?username=paul')
        .then(d => d.json())
        .then(d => {
            console.log(d)
        })