feat: 添加mock数据，给导航添加选中标识

src/mocks/browser.js

@@ -0,0 +1,61 @@
+// src/mocks/browser.js
+// 浏览器环境的 MSW Worker
+
+import { setupWorker } from 'msw/browser';
+import { handlers } from './handlers';
+
+// 创建 Service Worker 实例
+export const worker = setupWorker(...handlers);
+
+// 启动 Mock Service Worker
+export async function startMockServiceWorker() {
+    // 只在开发环境且 REACT_APP_ENABLE_MOCK=true 时启动
+    const shouldEnableMock = process.env.REACT_APP_ENABLE_MOCK === 'true';
+
+    if (!shouldEnableMock) {
+        console.log('[MSW] Mock 已禁用 (REACT_APP_ENABLE_MOCK=false)');
+        return;
+    }
+
+    try {
+        await worker.start({
+            // 不显示未拦截的请求警告（可选）
+            onUnhandledRequest: 'bypass',
+
+            // 自定义 Service Worker URL（如果需要）
+            serviceWorker: {
+                url: '/mockServiceWorker.js',
+            },
+
+            // 静默模式（不在控制台打印启动消息）
+            quiet: false,
+        });
+
+        console.log(
+            '%c[MSW] Mock Service Worker 已启动 🎭',
+            'color: #4CAF50; font-weight: bold; font-size: 14px;'
+        );
+        console.log(
+            '%c提示: 所有 API 请求将使用本地 Mock 数据',
+            'color: #FF9800; font-size: 12px;'
+        );
+        console.log(
+            '%c要禁用 Mock，请设置 REACT_APP_ENABLE_MOCK=false',
+            'color: #2196F3; font-size: 12px;'
+        );
+    } catch (error) {
+        console.error('[MSW] 启动失败:', error);
+    }
+}
+
+// 停止 Mock Service Worker
+export function stopMockServiceWorker() {
+    worker.stop();
+    console.log('[MSW] Mock Service Worker 已停止');
+}
+
+// 重置所有 Handlers
+export function resetMockHandlers() {
+    worker.resetHandlers();
+    console.log('[MSW] Handlers 已重置');
+}