Vue 路由导航守卫

Question

导航守卫项目中一般用的比较少，只有特定的需求才会用到。我这里讲的是 router.beforeEach，一般在项目中，有些权限的设置就会用到，用户是否是登录状态由后端返回的 token 字段来确定，当进入一个页面之前，一般会对用户的登录状态进行判断，如果过是登录状态就正常进入，如果不是，就强制用户进入登录页面。下面是代码实例。

import router from './index'
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行
  //   next()  放行  next('/login')  强制跳转
  if (to.meta.pathName === '登录页') return next()
  let isToken = utils.CK.get('token')
  if (isToken) {
    return next()
  } else {
    return next('/login')
  }
})