路由导航守卫控制访问权限

  • 主要用在这样的场景:如果用户没有登录,直接通过URL进入(没有token),这时候需要对用户设置权限,即必须重新导航到登陆页面注册后才能进到该页面。
router.beforeEach((to, from, next) => {
    
    
    // to将要访问的 from 从哪个页面跳转过来 
    // next 放行 next('/login')强制跳转
    //如果访问的是登录页,则直接放行
    if (to.path === '/login') return next()
        //不是从登陆页面来的,页面有权限。
        //获取token,决定是否有,没有token说明未登录,强制跳转
    const tokenStr = window.sessionStorage.get(Item)
    if (!tokenStr) return next('/login')
})

猜你喜欢

转载自blog.csdn.net/ljyahaha/article/details/113762543