Vue-Router导航守卫:
有的时候,我们需要通过路由来进行一些操作,比如最常见的登录权限验证,当用户满足条件时,才让其进入导航,否则就取消跳转,并跳到登录页面让其登录。
为此我们有很多种方法可以植入路由的导航过程:全局的, 单个路由独享的, 或者组件级的,推荐优先阅读路由文档
路由导航守卫
router.beforeEach
router.afterEach
router.beforeResolve
beforeEnter
beforeRouteEnter
beforeRouteUpdate (2.2 新增)
beforeRouteLeave
1.全局前置守卫----router.beforeEach
router.beforeEach 注册一个全局前置守卫:
const router = new VueRouter({ ... })
router.beforeEach((to, from, next) => {
// to:要去哪个页面
// from:从哪里来
// next:它是一个函数。
// 如果直接放行 next()
// 如果要跳到其它页 next(其它页)
})
示例代码:
router.beforeEach(async(to, from, nex