传送: vue 导航守卫(一) 之 全局前置守卫&全局后置守卫
传送: vue 导航守卫(二) 之 路由独享的守卫&组件内的守卫
vue-router
提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。
beforeEach-全局前置钩子
基础语法:
const router = new VueRouter({ ... });
router.beforeEach((to, from, next) => {
// ...
})
每个守卫方法接收三个参数:
-
to: Route
: 即将要进入的目标 路由对象</