vue的路由守卫的知识要明白

vue路由守卫实现代码

router.beforeEach((to,from,next)=>{
  if(to.path == '/login'){
    next();
  }else{
    alert('您还没有登录，请先登录');
    next('/login');
  }
})

各参数含义

1.to 表示将要跳转到的组件

2.from原组件

3.next()进入到下一个组件的钩子函数

4.next(/login)进入指定的组件的钩子函数