token登录判断

src/router/index.js

@@ -6,7 +6,7 @@ import LoginPage from '@/views/LoginPage.vue'
 import menuPage from '@/views/menu.vue'
 import TaskManage from '@/views/taskManage/index.vue'
 import HomePage from '@/views/homePage/index.vue'
-
+import { getToken } from '@/utils/auth'
 export const DEFAULT_DASHBOARD = 'home'
 
 Vue.use(VueRouter)
@@ -133,7 +133,6 @@ const routes = [
         meta: { title: '丢单管理' }
       },
       {
-
         path: '/operation/exceptionMessage',
         component: () => import('@/views/operation/exceptionMessage.vue'),
         name: 'exceptionMessage',
@@ -154,10 +153,24 @@ const routes = [
     ]
   }
 ]
+
 const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
   routes
 })
-
+// 导航守卫
+router.beforeEach((to, from, next) => {
+  const token = getToken()
+  if (to.name === 'home' && !token) {
+    // 如果用户尝试访问首页但没有token，则重定向到登录页
+    next('/login')
+  } else if (to.name === 'login' && token) {
+    // 如果用户已经在登录状态且尝试访问登录页，则重定向到首页
+    next('/')
+  } else {
+    // 其他情况，正常放行
+    next()
+  }
+})
 export default router