路由跳轉前,能夠用導航守衛判斷是否登陸,若是登陸了就正常跳轉,沒有登陸就把路由指向登陸頁面。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:是一個函數,必定要加上,否則不解析模板