项目简介
本项目是一个基于Node.js的Mock和Proxy服务工具,可助力开发者在开发时模拟API数据,或把API请求代理至真实后端服务。适用于React、Vue等各类前端项目,能有效提升开发效率与测试便捷性。
项目的主要特性和功能
- Mock功能:支持创建和使用mock数据,模拟后端接口返回数据,适用于开发与测试阶段。
- Proxy功能:可将部分API请求代理到真实后端服务,便于前后端分离开发。
- 配置简单:通过简单配置文件就能完成mock数据和proxy的配置。
- 前端展示:使用
mamock
命令启动服务,会自动读取配置文件并在前端展示,方便查看与管理。 - 灵活的Mock接口配置:支持创建
/:xx/xxx
形式的mock接口,满足复杂路由需求。
安装使用步骤
1. 安装依赖
在项目根目录下运行以下命令安装依赖:
bash
npm install --save-dev ma-mock
2. 创建配置文件
在项目根目录下创建.mamockrc.js
文件,配置mock和proxy的相关参数。示例配置如下:
```js
const path = require('path');
module.exports = { prefix: '/DEV', rootPath: path.resolve(__dirname, './data/mock'), proxyPath: path.resolve(__dirname, './data/proxy'), proxyFilename: 'config.json', }; ```
3. 配置Webpack
在webpack配置文件中添加proxyTable配置,指定需要代理的接口。示例配置如下:
js
module.exports = {
dev: {
proxyTable: {
'/__DEV__': {
target: 'http://localhost:3001',
changeOrigin: true,
}
},
},
}
4. 运行服务
在项目根目录下运行以下命令启动服务:
bash
mamock [--port 3001]
默认情况下,服务会在localhost:3001
启动。可以通过--port
参数指定其他端口。
5. 查看和使用Mock数据
启动服务后,可通过浏览器访问前端页面查看和使用mock数据。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】