vue项目中,设置路由守卫

195 阅读1分钟

在router / index里面设置如下:

// 路由守卫
router.beforeEach((to, from, next) => {  
    const isLogin = localStorage.getItem('wxToken') ? true : false;  
    if (to.path == '/login' || to.path == '/register') {    
        next();  
    } else {    
        isLogin ? next() : next('/login')  
    }
})

通过判断缓存里面是否有登录后的token, 如果有token,则任何页面都可以访问;否则,只有登录和注册页面可以访问。


欢迎访问博客:blog.csdn.net/Miss_liangr…