javascript 带保护的路由器默认配置

Posted 2021-05-03

new Router({
  mode: 'hash', // https://router.vuejs.org/api/#mode
  linkActiveClass: 'open active',
  scrollBehavior: () => ({ y: 0 }),
  beforeEach:((to, from, next) => {
    const currentUser = Auth.currentUser // whatever variable, function or object that tells if user is logged
    const requiresAuth = to.matched.some(record => record.meta.requiresAuth)
    if (requiresAuth && !currentUser) next('/login')
    else if (!requiresAuth && currentUser) next('/')
    else next()
  }),
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: Login
    },
    {
      path: '/',
      redirect: '/dashboard',
      name: 'Home',
      component: DefaultContainer,
      meta: {
        requiresAuth: true // add this to every route that requires authentication
      }
    }
  ]