简单好用的 数据 Mock 插件
在项目根目录下安装
$ yarn add good-mock -D
根目录
:
在项目根目录下新建文件夹 mock 目录(可拷贝这个文件),在新建 data 目录和一个配置文件 config.js(文件名必选为 config.js)
data (可多级目录和多个 js 或 ts 文件)中 .js
或.ts
中文件格式如下:
其中 mock/data
中参数是用于设置数据 mock 接口,以 k-v 的方式进行设置,接口的 HTTP 方法通过在 key 中进行指定,支持的 HTTP 方法有:['GET', 'POST', 'HEAD', 'PUT', 'DELETE', 'CONNECT', 'OPTIONS', 'TRACE', 'PATCH']
mock/data/api.[tj]s
或 mock/data/user/api.[tj]s
module.exports = {
// GET => method , /api/info/1 =>api path , 3000 => 数据返回时间,毫秒(ms),会覆盖配置的中 resTime
"GET /api/info/1 3000": {
name: "xxx"
},
"POST /api/info": {
file: "xxxx"
}
};
/mock/config.js
(或/mock/config.ts
) 配置文件
// mock 配置文件
module.exports = {
host: "127.0.0.1", // host
port: 1234, // 端口
https: false, // 是否https 请求
resTime: 600 // 全局数据返回时间,毫秒
};
shell 中执行
nodemon --watch mock --exec ts-node ./node_modules/.bin/good-mock (window运行可能有问题)
or
nodemon --watch mock --exec ts-node ./node_modules/good-mock/lib/index.js
也可以在 package.json 中添加脚本执行
"scripts": {
"mock": "nodemon --watch mock --exec ts-node ./node_modules/good-mock/lib/index.js"
}
end npm run mock
/mock/config.js
(或/mock/config.ts
) 中可以接受如下参数:
参数项 | 类型 | 是否可选 | 用途 |
---|---|---|---|
host | string | 是 | 设置数据 mock 服务地址,默认为 127.0.0.1 |
port | number | 是 | 设置数据 mock 服务端口,默认为 1234 |
https | boolean | 是 | 是否是 https (暂不可用) |
resTime | number | 是 | 全局请求后数据返回时间,毫秒,默认为 500 |
- 修订版本号:patch 不定时会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)列:
1.0.0 -> 1.0.1
。
npm run patch
- 次版本号:minor 一个 feature 或多个 feature 同时发布,列:
1.0.0 -> 1.1.0
。
npm run minor
- 主版本号:major 含有破坏性更新和新特性,不在发布周期内,列:
1.0.0 -> 2.0.0
。
npm run major
npm run pub