vue 導航守衛,驗證是否登陸

路由跳轉前,能夠用導航守衛判斷是否登陸,若是登陸了就正常跳轉,沒有登陸就把路由指向登陸頁面。vue

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

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

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

  //能夠在這裏面判斷是否登陸了router

  

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

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

        } 模板

 

}class

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

        if (auth.IsLogin) {  

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

       }  

    }  

  next();//必定要加上,否則不解析模板

}) 

to:即將進入的路由

from:即將離開的路由

next:是一個函數,必定要加上,否則不解析模板

相關文章
相關標籤/搜索