Vue路由器保护排除到具有令牌的路径

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/views/Home.vue'
import Dashboard from '@/views/Dashboard.vue'
import Profile from '@/views/Profile.vue'
import Login from '@/views/Login.vue'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/dashboard',
      name: 'Dashboard',
      component: Dashboard,
      meta: { requiresAuth: true } // 需要进行授权验证
    },
    {
      path: '/profile',
      name: 'Profile',
      component: Profile,
      meta: { requiresAuth: true } // 需要进行授权验证
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    }
  ]
})

// 路由守卫
router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // 需要进行授权验证
    if (!isAuthenticated()) {
      // 未登录，重定向到登录页面
      next('/login')
    } else {
      // 已登录，继续访问
      next()
    }
  } else {
    // 不需要进行授权验证，直接访问
    next()
  }
})

// 模拟身份验证函数
function isAuthenticated() {
  // 进行身份验证的逻辑，例如检查令牌是否有效
  // 返回true表示已经通过身份验证，返回false表示未通过身份验证
  // 这里只是示例，实际应根据具体情况进行实现
  const token = getTokenFromLocalStorage()
  return token !== null && token !== undefined
}

// 从本地存储中获取令牌
function getTokenFromLocalStorage() {
  // 从本地存储中获取令牌的逻辑，例如从localStorage或cookie中获取
  // 这里只是示例，实际应根据具体情况进行实现
  return localStorage.getItem('token')
}

export default router