router跳转

dv
1 parent 0ec38cbe
Showing 2 changed files with 41 additions and 29 deletions
src/App.vue
src/router/index.js
 <script setup>
 import { RouterLink, RouterView } from 'vue-router'
 import {onMounted} from "vue";
-
+import { useRouter } from 'vue-router'
+const router = useRouter()
 onMounted(() => {
+  const isAuthenticated = sessionStorage.getItem('isAuthenticated')
+  //   需要认证但未登录 → 跳转登录页
+  if (!isAuthenticated) {
+    router.push('/login')
+  }else{
+    // 已登录访问登录页 → 跳转首页
+    router.push('/')
+  }
   window.addEventListener('beforeunload', () => {
     sessionStorage.removeItem('isAuthenticated')
   })
@@ -6,48 +6,51 @@ const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
-      path: '/',
-      name: 'home',
+      path: "/",
+      redirect: "/home",
+    },
+    {
+      path: "/home",
+      name: "home",
       component: HomeView,
       meta: {
-        title: 'SN管理',
-        requiresAuth: true  // 添加这行，标记该路由需要认证
-      }
-
+        title: "SN管理",
+        requiresAuth: true, // 添加这行，标记该路由需要认证
+      },
     },
     {
-      path: '/login',
-      name: 'Login',
+      path: "/login",
+      name: "Login",
       component: Login,
       meta: {
-        requiresAuth: false // 明确表示登录页不需要认证
-      }
-    }
-  ]
-})
+        requiresAuth: false, // 明确表示登录页不需要认证
+      },
+    },
+  ],
+});
 // 路由守卫
-router.beforeEach((to, from, next) => {
-  const isAuthenticated = sessionStorage.getItem('isAuthenticated')
+// router.beforeEach((to, from, next) => {
+//   const isAuthenticated = sessionStorage.getItem('isAuthenticated')
-  if (to.path === '/login' && !isAuthenticated) {
-    return next('/login')
-  }
+//   // if (to.path === '/login' && !isAuthenticated) {
+//   //   return next('/login')
+//   // }
-  // 需要认证但未登录 → 跳转登录页
-  if (to.meta.requiresAuth && !isAuthenticated) {
-    return next('/login')
-  }
+//   // 需要认证但未登录 → 跳转登录页
+//   if (to.meta.requiresAuth && !isAuthenticated) {
+//     return next('/login')
+//   }
-  // 已登录但访问登录页 → 跳转首页
-  if (to.path === '/login' && isAuthenticated) {
-    return next('/')
-  }
+//   // 已登录但访问登录页 → 跳转首页
+//   if (to.path === '/login' && isAuthenticated) {
+//     return next('/')
+//   }
-  next()
-})
+//   next()
+// })
 export default router