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

web/src/utils/http.ts

@@ -45,10 +45,12 @@ 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) {
+        if (window.location.pathname !== "/login") {
           const { logout } = useAuthService();
           logout();
           window.location.href = "/login";
         }
+      }
       window.$message.error(error.response.data?.message || `请求失败: ${error.response.status}`);
     } else if (error.request) {
       // The request was made but no response was received

web/src/views/Login.vue

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