feat: 配置完全mock环境

This commit is contained in:
zdl
2025-11-05 15:00:11 +08:00
parent 263ecd77b3
commit f9e4265dd6

View File

@@ -31,11 +31,11 @@ export async function startMockServiceWorker() {
try { try {
await worker.start({ await worker.start({
// 🎯 智能穿透模式(关键配置) // 🎯 严格模式(关键配置)
// 'bypass': 未定义 Mock 的请求自动转发到真实后端 // 'bypass': 未定义 Mock 的请求自动转发到真实后端
// 'warn': 未定义的请求会显示警告(调试用) // 'warn': 未定义的请求会显示警告(调试用)
// 'error': 未定义的请求会抛出错误(严格模式) // 'error': 未定义的请求会抛出错误(严格模式)✅ 当前使用
onUnhandledRequest: 'bypass', onUnhandledRequest: 'error',
// 自定义 Service Worker URL如果需要 // 自定义 Service Worker URL如果需要
serviceWorker: { serviceWorker: {
@@ -48,12 +48,12 @@ export async function startMockServiceWorker() {
isStarted = true; isStarted = true;
console.log( console.log(
'%c[MSW] Mock Service Worker 已启动 🎭', '%c[MSW] Mock Service Worker 已启动 🎭 (严格模式)',
'color: #4CAF50; font-weight: bold; font-size: 14px;' 'color: #4CAF50; font-weight: bold; font-size: 14px;'
); );
console.log( console.log(
'%c智能穿透模式:已定义 Mock → 返回假数据 | 未定义 Mock → 转发到 ' + (process.env.REACT_APP_API_URL || '真实后端'), '%c严格模式:已定义 Mock → 返回假数据 | 未定义 Mock → 控制台报错 ❌',
'color: #FF9800; font-size: 12px;' 'color: #FF9800; font-weight: bold; font-size: 12px;'
); );
console.log( console.log(
'%c查看 src/mocks/handlers/ 目录管理 Mock 接口', '%c查看 src/mocks/handlers/ 目录管理 Mock 接口',