vue中未登录页面跳转到登录页(改造vue-element-admin)

思路：
每次路由跳转时查看一下当前浏览器缓存中是否有token值，如果没有则跳转至登录页，如果有token则继续。（token值作为是否登录的标志，用于权限判断）

router.beforeEach(async(to, from, next) => {
  const _token = sessionStorage._token // 【获取token值】
  // start progress bar
  NProgress.start()

  // set page title
  document.title = getPageTitle(to.meta.title)

  // determine whether the user has logged in
  const hasToken = getToken()
  console.log('hasToken:', hasToken, _token)
  // const hasToken = ' admin-token '
  // hasToken: admin-token
  if (_token) { // 【如果有token值】
    if (to.path === '/login') {
      // if is logged in, redirect to the home page
      next({ path: '/' })
      NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939
    } else {
      // determine whether the user has obtained his permission roles through getInfo
      const hasRoles = store.getters.roles && store.getters.roles.length > 0
      if (hasRoles) {
        next()
      } else {
        try {
          // get user info
          // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
          const { roles } = await store.dispatch('user/getInfo')

          // generate accessible routes map based on roles
          const accessRoutes = await store.dispatch('permission/generateRoutes', roles)

          // dynamically add accessible routes
          router.addRoutes(accessRoutes)

          // hack method to ensure that addRoutes is complete
          // set the replace: true, so the navigation will not leave a history record
          next({ ...to, replace: true })
        } catch (error) {
          // remove token and go to login page to re-login
          await store.dispatch('user/resetToken')
          Message.error(error || 'Has Error')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  } else {
    // 如果浏览器缓存没有token值
    if (whiteList.indexOf(to.path) !== -1) {
      // 要跳转的页面属于白名单(某些页面允许任何人访问)，则继续
      next()
    } else {
      // 如果没有权限且要访问的页面需要权限，则跳转到登录页面
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
})

// 在登录页面获取token值

publicAPI.loginAPI({ loginName: username, loginPassword: password }).then(response => {
        const res = response
        console.log('loginAPI response.data', response)
        if (res.code === '200') {
          sessionStorage.setItem('_token', res.data.sessionId) // 【token值存入浏览器缓存】