【高效能办公】快速搭建前端Mock数据接口供后端调用

配置安装

#全局安装
npm i @shymean/mock-server -g
#快速启动mock服务器
mock -p 9999 -f ./_mock.js

参数说明

port，服务器端口号，默认7654，简写 -p
file，mock模板文件路径，默认./_mock.js，简写 -f

模板语法

使用该工具只需要准备一个mock模板文件，其语法参考

内部使用@shymean/koa-mock`，这是一个快速搭建koa的mock服务器的中间件
mock模板使用mockjs语法，并扩展了相关的功能

// _mock.js
// 对应的rurl会被中间件拦截，并返回mock数据
// ANY localhost:9999/
Mock.mock('/', {
    
    
    data: [],
    msg: "hello mock",
    "code|1-4": 1,
})
 
// 可以mock指定的请求方法
// POST localhost:9999/test
Mock.mock('/test', 'POST', {
    
    
    data: [],
    msg: "hello mock",
    "code|1-4": 1,
})
 
// 扩展rtype，支持jsonp形式，使用param传入对应的回调名
// GET JSONP localhost:9999/test
Mock.mock('/test', {
    
    
    type: 'jsonp',
    param: 'callbackName'
},{
    
    
    code: 0,
    msg: 'hello from mock jsonp',
    data: {
    
    
        "id|1000-9999": 1,
    }
})
 
// 默认回调名称 callback
Mock.mock("/test2", "jsonp", {
    
    
    code: 0,
    msg: "hello from mock jsonp2",
    data: {
    
    
        "id|1000-9999": 1,
    }
});

参考
https://blog.csdn.net/weixin_34138521/article/details/91442613