Mock Server 运行指南

Mock Server

vLatest

TypeScript / JavaScript

 Mock Server（模拟服务器）可以在没有真实后端的情况下，模拟 API 接口返回数据。 这对于前端开发、原型演示、接口测试非常有用。 

前置要求

在开始之前，请确保已安装：

特性	说明
Node.js	v18.0.0 或更高版本
pnpm	最新版本

第 1 步：进入目录

打开终端，进入 mock-server 目录：

bash

        $
        cd mock-server

目录名称

 根据生成的项目，目录可能叫 `mock`、`mock-server` 或 `api-mock`。 

第 3 步：启动 Mock Server

bashmock-server

        $
        pnpm run dev

启动成功后，你会看到类似这样的输出：

🚀 Mock Server running at http://localhost:3000
📦 Available endpoints:
   POST /api/auth/login
   POST /api/auth/register
   GET  /api/users
   GET  /api/users/:id
   ...

🎉 启动成功！

Mock Server 正在 http://localhost:3000 运行

Mock 数据说明

默认用户账号

特性	说明
admin / 123456	管理员账号
user / 123456	普通用户账号
test / test	测试账号

数据存储

Mock Server 的数据存储方式：

内存存储：重启后数据重置
JSON 文件：数据持久化到 data/db.json

 大多数 Mock Server 使用内存存储，重启后数据会恢复到初始状态。 这对于测试来说非常方便！ 

与前端联调

Mock Server 启动后，配置前端连接：

修改前端 .env 文件：

env

        
        VITE_API_URL=http://localhost:3000

启动前端开发服务器
前端请求会自动转发到 Mock Server

完美配合

前端和 Mock Server 可以同时运行，实现完整的开发体验！

常用命令速查

特性	说明
pnpm run dev	启动开发服务器（热更新）
pnpm run start	启动生产服务器
pnpm run build	构建生产版本

下一步

Mock Server 已就绪！

现在你可以启动前端项目，与 Mock Server 进行联调了。

运行 Vue 3 前端 → 切换到 NestJS 真实后端

Mock Server 运行指南 ​

Mock Server

前置要求 ​

第 1 步：进入目录 ​

第 3 步：启动 Mock Server ​

Mock 数据说明 ​

默认用户账号 ​

数据存储 ​

与前端联调 ​

常用命令速查 ​

下一步 ​