Vue Router导航守卫总结

导航守卫

Vue Router进阶中导航守卫还是蛮重要的，所以在这里根据师父教的和自己的理解做了一些总结

vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。

1. beforeEach 全局前置守卫（进入下一页之前）

具体代码：

import router from './router'
router.beforeEach(to,from,next) => {
   
    if(to.path !== '/'){
   
        if(localStorage.getItem('access_token')){
   
            next();
        }else{
   
            next({
   
                replace: true,
                name: 'Login' 
            })
        }
    }else{
   
        next();