Vue路由守卫之权限拦截

1.所有路由都不需要登录
无需配置权限

2.所有路由都需要登录(无白名单)
思路：

 代码：

// views/Login/index.vue：
methods: {
  onSubmit(){
    if (res.data.code === 0) {
      this.$router.push({ path: '/' })
      window.localStorage.setItem('token', res.data.data.token)
    }
  }
}
// router/index.js：
router.beforeEach((to, from, next) => {
  if (to.path === '/login') {
    if (window.localStorage.getItem('token')) {
      next({ path: '/' })
    } else {
      next()
    }
  } else {
    if (window.localStorage.getItem('token')) {
      next()
    } else {
      next({ path: '/login' })
    }
  }
})

3.部分路由不需要登录，部分路由需要登录(有白名单)
【方式一】
思路：