全局前置守卫: router.beforeEach
全局后置守卫: router.afterEach
用法:
const router = new VueRouter({ ... })
router.beforeEach((to, from, next) => {
条件代码
})
每个守卫都有三个参数:
to: 这是你要跳去的路由对象
from:这是你要离开的路由对象。
next:是一个方法,它接受参数。这个方法必须调用要不就跳不过去了,你可以把它看做保安。必须给它打个招呼,要不然不让你过。
- next()直接放行
- next({path: '/'})跳转到一个新的路径