vue 导航守卫

导航守卫的基本用法

导航守卫主要是通过或者取消路由跳转来守卫导航，以免在未应许的情况下跳入 相关页面，这样有利于阻止绕过主页面直接进入后台页面的过程。

全局前置首尾

//创建一个路由的实例对象。
const router = new VueRouter({ ... })

//为router实例创建一个全局前置守卫
//在页面发生跳转，必须触发下面这个函数，里面存放的是一个回调函数
router.beforeEach((to, from, next) => {
  // ...
})

1. to :即将要进入的目标路由对象
2. from :即将要离开的路由对象
3. next :是一个函数，主要用于是否放行，里面也可以传参，设置放行到那个路由下。