From 0f038f3c0bd5fe17adbb1e4ac4c59f2b38a3ba4b Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Wed, 11 Mar 2026 11:04:54 +0800
Subject: [PATCH] fix: login temp error

---
 web/package.json              |  4 +++-
 web/src/router/index.ts       |  8 +++++++-
 web/src/views/login/Login.vue | 15 ++++++++++-----
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/web/package.json b/web/package.json
index 9bc5e38..239abed 100644
--- a/web/package.json
+++ b/web/package.json
@@ -24,6 +24,7 @@
     "date-fns": "^4.1.0",
     "lucide-react": "^0.562.0",
     "lucide-vue-next": "^0.562.0",
+    "monaco-editor": "^0.52.0",
     "pako": "^2.1.0",
     "radix-vue": "^1.9.17",
     "reka-ui": "^2.6.1",
@@ -45,6 +46,7 @@
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
     "vite": "^7.2.4",
+    "vite-plugin-static-copy": "^2.3.0",
     "vue-tsc": "^3.1.4"
   }
-}
+}
\ No newline at end of file
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index 2a4a195..bd60d76 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -17,12 +17,18 @@ async function getAuthStatus(force = false): Promise<boolean> {
   return isAuth
 }
 
-// 重置认证状态（登录/登出时调用）
+// 重置认证状态（登出时调用）
 export function resetAuthCache() {
   authChecked = false
   isAuth = false
 }
 
+// 直接设置认证状态（登录成功时调用，避免多余请求）
+export function setAuthCache(status: boolean) {
+  authChecked = true
+  isAuth = status
+}
+
 const router = createRouter({
   history: createWebHistory(BASE_URL),
   routes: [
diff --git a/web/src/views/login/Login.vue b/web/src/views/login/Login.vue
index 70fb3d0..4c415f8 100644
--- a/web/src/views/login/Login.vue
+++ b/web/src/views/login/Login.vue
@@ -1,15 +1,16 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
+
 import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
 import { Label } from '@/components/ui/label'
 import ThemeToggle from '@/components/ThemeToggle.vue'
+import { Loader2 } from 'lucide-vue-next'
 import { api } from '@/api'
 import { toast } from 'vue-sonner'
-import { resetAuthCache } from '@/router'
+import { setAuthCache } from '@/router'
+
 
-const router = useRouter()
 const username = ref('')
 const password = ref('')
 const loading = ref(false)
@@ -106,9 +107,12 @@ async function handleLogin() {
   loading.value = true
   try {
     await api.auth.login({ username: username.value, password: password.value })
-    resetAuthCache() // 重置认证缓存
+    setAuthCache(true) // 直接设置登录状态，避免多余请求
     toast.success('登录成功')
-    router.push('/')
+    
+    // 使用 window.location.href 替代 router.push，确保应用状态完全重新初始化，解决偶发的路由卡死/白屏问题
+    const baseUrl = (window as any).__BASE_URL__ || ''
+    window.location.href = baseUrl + '/'
   } catch {
     toast.error('登录失败，请检查用户名和密码')
   } finally {
@@ -177,6 +181,7 @@ onMounted(loadSiteSettings)
             <Button type="submit"
               class="w-full h-12 text-base font-bold rounded-2xl bg-gradient-to-r from-primary/90 to-primary shadow-lg shadow-primary/20 hover:shadow-primary/30 hover:scale-[1.02] active:scale-[0.98] transition-all"
               :disabled="loading">
+              <Loader2 v-if="loading" class="mr-2 h-4 w-4 animate-spin" />
               {{ loading ? '验证中...' : '立即登录' }}
             </Button>
           </form>