fix: 修复前端登录错误

web/src/App.vue

@@ -1,18 +1,11 @@
 <script setup lang="ts">
 import GlobalProviders from "@/components/GlobalProviders.vue";
-import Layout from "@/components/Layout.vue";
-import { useAuthKey } from "@/services/auth";
-import { computed } from "vue";
-
-const authKey = useAuthKey();
-const isLoggedIn = computed(() => !!authKey.value);
 </script>
 
 <template>
   <global-providers>
     <div id="app-root">
-      <layout v-if="isLoggedIn" key="layout" />
+      <router-view />
-      <router-view v-else key="auth" />
     </div>
   </global-providers>
 </template>

web/src/router/index.ts

@@ -1,26 +1,33 @@
 import { useAuthService } from "@/services/auth";
 import { createRouter, createWebHistory, type RouteRecordRaw } from "vue-router";
+import Layout from "@/components/Layout.vue";
 
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
-    name: "dashboard",
+    component: Layout,
-    component: () => import("@/views/Dashboard.vue"),
+    children: [
-  },
+      {
-  {
+        path: "",
-    path: "/keys",
+        name: "dashboard",
-    name: "keys",
+        component: () => import("@/views/Dashboard.vue"),
-    component: () => import("@/views/Keys.vue"),
+      },
-  },
+      {
-  {
+        path: "keys",
-    path: "/logs",
+        name: "keys",
-    name: "logs",
+        component: () => import("@/views/Keys.vue"),
-    component: () => import("@/views/Logs.vue"),
+      },
-  },
+      {
-  {
+        path: "logs",
-    path: "/settings",
+        name: "logs",
-    name: "settings",
+        component: () => import("@/views/Logs.vue"),
-    component: () => import("@/views/Settings.vue"),
+      },
+      {
+        path: "settings",
+        name: "settings",
+        component: () => import("@/views/Settings.vue"),
+      },
+    ],
   },
   {
     path: "/login",

web/src/utils/http.ts

@@ -45,9 +45,11 @@ http.interceptors.response.use(
       // The request was made and the server responded with a status code
       // that falls out of the range of 2xx
       if (error.response.status === 401) {
-        const { logout } = useAuthService();
+        if (window.location.pathname !== "/login") {
-        logout();
+          const { logout } = useAuthService();
-        window.location.href = "/login";
+          logout();
+          window.location.href = "/login";
+        }
       }
       window.$message.error(error.response.data?.message || `请求失败: ${error.response.status}`);
     } else if (error.request) {

web/src/views/Login.vue

@@ -22,8 +22,6 @@ const handleLogin = async () => {
   loading.value = false;
   if (success) {
     router.push("/");
-  } else {
-    message.error("登录失败，请检查您的授权密钥");
   }
 };
 </script>