Vue/ Vue 全局路由守卫 前置路由守卫 （beforeEach） 后置路由守卫（afterEach）、搭配白名单使用方法

前置路由守卫 （beforeEach）

语法:

基地址变量名.beforeEach((跳转进入的目标路由对象,当前准备离开的路由对象,是否放行 需要调用)=>{ })

 作用: 全局前置路由守卫 每次切换之前被调用

参数说明：

to 跳转到进入哪里 form当前准备离开的路由对象 next( ) 是否放行

后置路由守卫 （afterEach）

语法：

基地址变量名.beforeEach((跳转进入的目标路由对象,当前准备离开的路由对象)=>{ })

注意: afterEach没有 next()回调函数 因为在 afterEach被调用时 路由已经跳转完毕

路由守卫配合白名单使用方法

语法:

//定义白名单
const 变量名 = ['/login', '/register']

基地址变量名.beforeEach((跳转到进入哪里,当前准备离开的路由对象,是否放行 需要调用)=>{

    // 使用白名单
    if(白名单变量名.includes(从哪里来.path)){ }

})

includes解释: 用于判断一个数组中是否有这个判断的东西 --->返回布尔值