zoukankan      html  css  js  c++  java
  • vue 导航守卫,验证是否登录

    路由跳转前,可以用导航守卫判断是否登录,如果登录了就正常跳转,没有登录就把路由指向登录页面。

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

    const nextRoute = [ 'api', 'my/index, 'course'];  

      if(nextRoute.indexOf(to.name) >= 0){

      //可以在这里面判断是否登录了

      

            if (!store.state.auth.IsLogin) {  

               vueRouter.push({name: 'login'})  

            } 

     

    }

    if (to.name === 'login') {  

            if (auth.IsLogin) {  

                vueRouter.push({name: 'home'});  

           }  

        }  

      next();//一定要加上,不然不解析模板

    }) 

    to:即将进入的路由

    from:即将离开的路由

    next:是一个函数,一定要加上,不然不解析模板

     

  • 相关阅读:
    HDU 4334
    HDU 1280
    HDU 1060
    HDU 4033
    大三角形分成4个面积相等的小三角形
    HDU 1087
    HDU 4313
    Sleep(0)及其使用场景
    Decorator(装饰、油漆工)对象结构型模式
    Debug Assertion Failed!
  • 原文地址:https://www.cnblogs.com/liubu/p/9050373.html
Copyright © 2011-2022 走看看