router.beforeEach一般在main.js里面使用:
这里做补充说明下两个参数,
to: 下一个页面/即将要进入的目标
form: 当前页面
//这里是main.js里面
router.beforeEach((to, from, next) => {
var channel = utils.getUrlParam('channel', from.fullPath) || ''
if (channel) {
localStorage.setItem('channel', channel)
}
if (wanka.isWanka()) {
// 万卡app直接跳转
next()
} else {
if (to.meta.requireAuth) { //判断是否要登录才能打开页面
if (store.state.loginInfo.loginState) { //有登录状态,直接跳转
next()
} else {
next({
path: '/user/login', //无登录状态,先跳转到登录页面
query: { redirected: to.fullPath } // 登录成功后跳转回到该路由
})
}
} else {
next()
}
}
})
原文:https://www.jianshu.com/p/d8a2f3ce3132