1.0.0 • Published 4 years ago
json-mocker-tool v1.0.0
使用方法
一:基本使用方法:
下载安装执行命令: npm install --save-dev json-mocker-tool
在webpack中的devServer中的before配置下,如下:
// webpack.config.js
const mocker = require('json-mocker-tool');
module.exports = {
devServer: {
//....
before: app => {
mocker({
mockDir: path.resolve('./mock')
})(app);
}
//....
}
}
- 在项目的根目录下新建mock文件夹。
- 在mock文件夹下新建json文件,该json文件是根据接口来命名的,比如你接口为 /api/xxxx/widget.json 的话,那么在mock文件夹下新建 widget.json 即可,然后把和后端约定好的数据复制进去即可。如果有多个接口,命名方式和上面一样。
默认请求的是正式环境的地址,如果我们想要使用本地的mock数据的话,需要在地址栏上 加上 mode=dev ,刷新下页面即可请求到本地mock数据了。
二:特点
1)默认是正式环境的接口,如想使用mock数据,需要在地址栏中加上 mode = dev; 2) json文件命名是根据接口名来命名的。比如接口为 'api/xxxx/yyy/widget.json', 那么在mock文件夹下新建 widget.json文件即可。然后把约定的json数据复制进去。 3) Mock 文件支持热更新,修改后立即生效。 4)只支持get请求进行mock数据。
更多使用,请看 这篇文章
1.0.0
4 years ago