router.beforeEach的用法简单介绍

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