---
url: /zh/guide/introduce.md
---
# 介绍

`vite-plugin-mock-dev-server` 专注于在 `Vite` 开发环境下 提供 Mock 服务。
通过 vite 内置的 `http` 和 `http-proxy` 服务，以 `middleware` 的方式，对 `server.proxy` 配置的代理路径
进行二次拦截，命中 **请求匹配规则** 后，返回配置的 `mock data` 。

你可以在 mock配置文件中使用`node` 任意第三方模块。 这表示，你可以使用如 `mockjs` / `faker-js` 等库帮助生成 `mock data`。

插件支持响应多种数据类型包括 `text/json/Buffer/ReadStream`等，还支持设置 headers、cookies 等。

插件支持模拟 `WebSocket`，可以轻松的实现在本地开发环境调试 `WebSocket` 服务。

插件还支持 模拟 `Server-Sent Events`，可以轻松的实现在本地开发环境调试 `EventSource` 。

📣 从 `v2.1.0` 开始，插件支持 **请求录制与回放** 功能

## 特性

* ⚡️ 轻量，灵活，快速
* 🧲 非注入式，对客户端代码无侵入
* 💡 ESModule/commonjs
* 🦾 Typescript
* 🔥 热更新
* 🏷 支持 `json` / `json5` 编写 mock 数据
* 📦 自动加载 mock 文件
* 🎨 可选择你喜欢的任意用于生成mock数据库，如 `mockjs`，或者不使用其他库
* 📥 路径规则匹配，请求参数匹配
* ⚙️ 随意开启或关闭对某个接口的 mock配置
* 📀 支持多种响应体数据类型，包括 `text/json/buffer/stream`.
* ⚖️ 使用 `server.proxy` 配置
* 🍕 支持在 mock文件中使用 `viteConfig.define`配置字段 和 `env` 环境变量
* ⚓️ 支持在 mock文件中使用 `viteConfig.resolve.alias` 路径别名
* 🌈 支持 `vite preview` 模式
* 📤 支持 multipart 类型，模拟文件上传
* 📥 支持模拟文件下载
* ⚜️ 支持模拟 `WebSocket`、 `Server-Sent Events`
* 📝 支持请求录制与回放功能
* 🗂 支持构建可独立部署的小型mock服务