update

packages/frontend/src/main.ts

@@ -4,7 +4,7 @@ import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; // 引入
 import App from './App.vue';
 import router from './router'; // 引入我们创建的 router
 import i18n from './i18n'; // 引入 i18n 实例
-import { useAuthStore } from './stores/auth.store'; // *** 新增：引入 Auth Store ***
+import { useAuthStore } from './stores/auth.store'; // 引入 Auth Store
 import { useSettingsStore } from './stores/settings.store'; // 引入 Settings Store
 import { useAppearanceStore } from './stores/appearance.store'; // 引入 Appearance Store
 import './style.css';
@@ -19,7 +19,7 @@ pinia.use(piniaPluginPersistedstate); // 使用持久化插件
 const app = createApp(App);
 
 app.use(pinia); // 使用配置好的 Pinia 实例
-app.use(router); // 使用 Router
+// 注意：在状态初始化完成前，暂时不 use(router)
 app.use(i18n); // 使用 i18n
 
 // --- 应用初始化逻辑 ---
@@ -30,49 +30,54 @@ app.use(i18n); // 使用 i18n
   const appearanceStore = useAppearanceStore(pinia);
 
   try {
-    // 1. 检查是否需要初始设置
-    const needsSetup = await authStore.checkSetupStatus();
+    console.log("[main.ts] 开始检查设置和认证状态...");
+    // 1. 同时检查设置和认证状态，并等待它们完成
+    // 确保 checkAuthStatus 可以在 needsSetup=true 时也能安全运行并返回正确状态
+    await Promise.all([
+      authStore.checkSetupStatus(),
+      authStore.checkAuthStatus()
+    ]);
+    console.log(`[main.ts] 状态检查完成: needsSetup=${authStore.needsSetup}, isAuthenticated=${authStore.isAuthenticated}`);
 
-    if (needsSetup) {
-      // 2a. 如果需要设置，立即重定向到设置页面并挂载应用
-      // 路由守卫会处理后续导航
-      console.log("需要初始设置，正在重定向到 /setup...");
-      // 确保在挂载前完成重定向
-      await router.push('/setup');
-      app.mount('#app');
-    } else {
-      // 2b. 如果不需要设置，先检查认证状态
-      console.log("不需要初始设置，检查认证状态...");
-      await authStore.checkAuthStatus();
-
-      if (authStore.isAuthenticated) {
-        // 3a. 如果已认证，加载用户设置和外观数据
-        console.log("用户已认证，加载设置和外观数据...");
-        const settingsStore = useSettingsStore(pinia);
-        // appearanceStore 已在外部实例化
-        try {
-          await Promise.all([
-            settingsStore.loadInitialSettings(),
-            appearanceStore.loadInitialAppearanceData() // 调用已实例化的 store 的 action
-          ]);
-          console.log("用户设置和外观数据加载完成。");
-        } catch (error) {
-           console.error("加载用户设置或外观数据失败:", error);
-           // 加载失败也继续，可能使用默认值或显示错误
-        }
-      } else {
-        // 3b. 如果未认证，不需要加载用户特定数据
-        // 但 appearanceStore 已实例化，其 immediate watcher 会应用默认主题
-        console.log("用户未认证。");
+    // 2. 如果不需要设置且用户已认证，则加载用户特定数据
+    if (!authStore.needsSetup && authStore.isAuthenticated) {
+      console.log("[main.ts] 用户已认证且无需设置，加载设置和外观数据...");
+      const settingsStore = useSettingsStore(pinia);
+      try {
+        await Promise.all([
+          settingsStore.loadInitialSettings(),
+          appearanceStore.loadInitialAppearanceData() // 调用已实例化的 store 的 action
+        ]);
+        console.log("[main.ts] 用户设置和外观数据加载完成。");
+      } catch (error) {
+         console.error("[main.ts] 加载用户设置或外观数据失败:", error);
+         // 加载失败也继续，可能使用默认值或显示错误
       }
-
-      // 4. 挂载应用
-      app.mount('#app');
+    } else if (authStore.needsSetup) {
+        console.log("[main.ts] 需要初始设置，将由路由守卫处理重定向。");
+        // 不再手动 router.push('/setup')
+    } else {
+        console.log("[main.ts] 用户未认证或无需设置。");
+        // appearanceStore 已实例化，其 immediate watcher 会应用默认主题
     }
+
+    // 3. 状态和数据准备就绪后，再启用路由并挂载应用
+    console.log("[main.ts] 状态准备就绪，启用路由并挂载应用...");
+    app.use(router); // 在这里启用路由，确保守卫能获取到最新状态
+    await router.isReady(); // 等待路由初始化完成 (特别是异步路由加载)
+    app.mount('#app');
+    console.log("[main.ts] 应用已挂载。");
+
   } catch (error) {
-    // 捕获 checkSetupStatus 或其他初始化过程中的意外错误
-    console.error("应用初始化过程中发生严重错误:", error);
-    // 即使发生严重错误，也尝试挂载应用，可能显示错误页面或回退状态
+    // 捕获初始化过程中的意外错误
+    console.error("[main.ts] 应用初始化过程中发生严重错误:", error);
+    // 即使发生严重错误，也尝试启用路由并挂载应用，可能显示错误页面或回退状态
+    app.use(router); // 确保路由被添加
+    try {
+      await router.isReady();
+    } catch (routerError) {
+      console.error("[main.ts] 路由初始化失败:", routerError);
+    }
     app.mount('#app');
   }
 })();