前端router.beforeEach导航守卫之权限跳转

Posted 2021-12-31 LyCat_00

//使用钩子函数对路由进行权限跳转
router.beforeEach((to, from, next) => 
  document.title = `$to.meta.title`;
  const userName = localStorage.getItem('userName');
  if (!userName && to.path !== '/login') 
    next('/login');
   else if (to.meta.permission) 
    userName === 'admin' ? next() : next('/404');
   else 
    next();
  
);