全局守卫
(在 router文件夹下的index.js文件)
全局的路由前置守卫:router.beforeEach
语法:
router.beforeEach((to,from,next)=>{ //写在实例化后
// to -- 到哪里去
// from -- 从哪里来
// next -- 下一步 重定向
})
全局的后置钩子函数 router.afterEach()
语法:
router.afterEach((to,from)=>{
})
组件级守卫
// 路由进入之前
beforeRouteEnter(to,from,next){
}
// 路由更新
beforeRouteUpdate(to,from,next){
}
// 路由离开之前
beforeRouteLeave(to,from,next){
}
独享级守卫
beforeEnter 路由进入之前
{
path: '/login/:id',
name: 'login',
component: ()=>import('../views/login.vue'),
beforeEnter(to,from,next){
}
}