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

最新推荐文章于 2024-07-10 18:48:26 发布

Ly_cat

最新推荐文章于 2024-07-10 18:48:26 发布

阅读量860

点赞数

分类专栏：路由文章标签：前端 beforeEach vue2

本文链接：https://blog.csdn.net/weixin_43853746/article/details/121773638

版权

路由专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//使用钩子函数对路由进行权限跳转
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();
  }
});