littlebot
Published on 2025-04-09 / 0 Visits
0

【源码】基于Node.js的Mock和Proxy服务工具

项目简介

本项目是一个基于Node.js的Mock和Proxy服务工具,可助力开发者在开发时模拟API数据,或把API请求代理至真实后端服务。适用于React、Vue等各类前端项目,能有效提升开发效率与测试便捷性。

项目的主要特性和功能

  1. Mock功能:支持创建和使用mock数据,模拟后端接口返回数据,适用于开发与测试阶段。
  2. Proxy功能:可将部分API请求代理到真实后端服务,便于前后端分离开发。
  3. 配置简单:通过简单配置文件就能完成mock数据和proxy的配置。
  4. 前端展示:使用mamock命令启动服务,会自动读取配置文件并在前端展示,方便查看与管理。
  5. 灵活的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】