接入前端真实接口并标记邮件HTML清洗

README.md

@@ -30,6 +30,35 @@ cd server
 - `./mvnw verify`：运行 Maven verify 阶段，用于提交前完整检查。
 - `./mvnw spring-boot:run`：本地启动后端服务，默认端口为 `8080`。
 
+## 前端命令
+
+```bash
+cd client
+pnpm install
+pnpm dev
+pnpm typecheck
+pnpm test
+pnpm lint
+pnpm build
+```
+
+中文说明：
+
+- `pnpm install`：安装前端依赖。
+- `pnpm dev`：启动本地 Vite 开发服务，默认地址为 `http://127.0.0.1:5174`。
+- `pnpm typecheck`：运行 Vue / TypeScript 类型检查。
+- `pnpm test`：运行前端单元测试。
+- `pnpm lint`：运行 ESLint 检查。
+- `pnpm build`：执行类型检查并构建生产产物。
+
+本地联调指定后端和酒店上下文示例：
+
+```bash
+VITE_API_PROXY_TARGET=http://127.0.0.1:8080 VITE_RESERVATION_HOTEL_ID=HOTEL-TEST pnpm --dir client dev
+```
+
+中文说明：`VITE_RESERVATION_HOTEL_ID` 是公开前端配置，不是 Secret，用于 Reservation 订单列表、任务列表和订单详情接口的默认 `hotel_id`。
+
 ### 测试数据库配置
 
 默认 `test` profile 使用 H2 MySQL Mode，便于本地和 CI 在没有 MySQL 的情况下运行：