vue 导航守卫，验证是否登录
Posted 刘不
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 导航守卫，验证是否登录相关的知识，希望对你有一定的参考价值。
路由跳转前，可以用导航守卫判断是否登录，如果登录了就正常跳转，没有登录就把路由指向登录页面。
router.beforeEach((to, from, next) => {
const nextRoute = [ ‘api‘, ‘my/index, ‘course‘];
if(nextRoute.indexOf(to.name) >= 0){
//可以在这里面判断是否登录了
if (!store.state.auth.IsLogin) {
vueRouter.push({name: ‘login‘})
}
}
if (to.name === ‘login‘) {
if (auth.IsLogin) {
vueRouter.push({name: ‘home‘});
}
}
next();//一定要加上，不然不解析模板
})
to：即将进入的路由
from：即将离开的路由
next：是一个函数，一定要加上，不然不解析模板
以上是关于vue 导航守卫，验证是否登录的主要内容，如果未能解决你的问题，请参考以下文章