设置路由拦截

// 二次拦截 当没有token的时候无法访问,避免没有发生请求的时候直接进入页面
// 路由前置导航守卫
// 白名单列表
// 每当路由值发生改变的时候设置路由导航.
const whiteList = ['/login', '/reg']
router.beforeEach((to, from, next) => {
  // to是去哪  from是从哪来  next是放行
  // 先判断是否访问的是有权限的页面
  if (whiteList.includes(to.path)) {
    // 用户访问的是登录或者注册页面 不需要拦截 直接放行
    next()
  } else {
    // 进入else分支说明用户访问的是有权限的页面, 先判断是否有token
    // 如果有token直接放行
    if (localStorage.getItem('token')) {
      next()
    } else {
      // 没有token拦截到登录页面让用户重新登录
      next({ path: '/login' })
    }
  }
})