导航守卫的基本用法
导航守卫主要是通过或者取消路由跳转来守卫导航,以免在未应许的情况下跳入 相关页面,这样有利于阻止绕过主页面直接进入后台页面的过程。
全局前置首尾
//创建一个路由的实例对象。
const router = new VueRouter({ ... })
//为router实例创建一个全局前置守卫
//在页面发生跳转,必须触发下面这个函数,里面存放的是一个回调函数
router.beforeEach((to, from, next) => {
// ...
})
- to :即将要进入的目标路由对象
- from :即将要离开的路由对象
- next :是一个函数,主要用于是否放行,里面也可以传参,设置放行到那个路由下。