1-6 路由守卫

一、全局守卫

进入login页面直接必须授权才能跳转

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
'''
const router = new VueRouter({
  mode: 'history',
  routes
})
router.beforeEach((to,from,next) => {
  if(to.path==="/login"){
    //进入登陆必须授权才能跳转
  }else{
    next()
  }
})
export default router

二、局部守卫

进入/center路由模块之前如何没有登陆授权,则进入登陆页面

//Center.vue
export default {
    beforeRouteEnter(to,from,next){
       if(false){
           next()
       }else{
           next('/login')
       }
    }
}

export default {
    beforeRouteEnter(to,from,next){
      //登陆成功则跳转
       if(true){
           next()
       }else{
           next('/login')
       }
    }
}

2-1 beforeRouteLeave

路由离开之前
beforeRouteLeave(to,from,next){
  if(true){
    next()
  }else{
    next('/login')
}