vue 2.0 导航守卫(全局守卫)

什么叫导航守卫:

 

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。

对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。

在全局的Main.js中注册:router,如果有的话就可以直接调用

 

router.beforeEach（（to，from，next）=> {

  警报（'还没有登录“）//这样会在任何页面都会有这么一个弹框

    下一个（）//执行弹框后才会看到当前的页面 

}

 //回调函数，进入哪个路由里，从从哪里离开，下一个对应的一个函数方法为是否展示你要看到的这个页面，

2.如果我们只是显示我们登录,可以去判断

router.beforeEach((to,from,next) =>{

    //用vuex里的方法

    //判断store.gettes.isLogin ===false; 就进来

    if(to.path== '/login' || '/register'){

        //如果是这两个的话就让它正常的显示

        next();

    }else{

    alert('还没有登录,请先登录,或者注册")

    next('/login');让它加到登录页面

    }

}