npm install vue-router

import VueRouter from 'vue-router'
 
Vue.use(VueRouter)

export default {
  isAuthenticated() {
    // 這里應(yīng)該根據(jù)你的應(yīng)用邏輯來檢查用戶是否登錄
    // 例如，檢查本地存儲（localStorage）中是否有token
    return localStorage.getItem('userToken') !== null;
  },
 
  redirectIfNotAuthenticated(to, from, next) {
    if (!this.isAuthenticated()) {
      to.path !== '/login' && to.matched.some(record => record.meta.requiresAuth) ? next({ path: '/login' }) : next()
    } else {
      next()
    }
  }
}

// ...其他代碼
const routes = [
  { path: '/login', 
    component: Login 
  },
  { path: '/dashboard', 
    component: Dashboard,
    meta: 
       {requiresAuth: true} 
   } // 標記需要驗證的路由
]
 
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
 
router.beforeEach((to, from, next) => {
  const auth = require('@/router/auth').default // 引入認證守衛(wèi)
  auth.redirectIfNotAuthenticated(to, from, next)
})
 
// ...其他代碼

// Login.vue
 
export default {
  methods: {
    login() {
      // ...登錄邏輯
      // 假設(shè)登錄成功后，服務(wù)器返回了一個token
      const token = 'your-token-from-server'
      localStorage.setItem('userToken', token)
      // 重定向到主頁或其他需要認證的路由
      this.$router.push('/dashboard')
    }
  }
}

methods: {
  // ...其他方法
  logout() {
    localStorage.removeItem('userToken')
    this.$router.push('/login')
  }
}