Question

我得到了令牌，它存储在vue state和local.storage中。如何在auth之后和get token之后创建重定向？

目前我有这个代码，它的重定向，但在获得令牌重定向后没有发生，没有检查令牌。

我需要检查令牌并重定向到fullPath，请帮忙！

var Auth = {
  loggedIn: false,
  login: function () { this.loggedIn = true },
  logout: function () { this.loggedIn = false }
}
router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth) && !Auth.loggedIn) {
    next({
      path: '/login',
      query: {redirect: '/'}
    })
  } else {
    next()
  }
})

Answer 1

一般来说它应该是这样的：

用户输入login / pass
vuex action userLogin已解雇
userLogin操作将数据发送到服务器，服务器返回令牌
userLogin操作将令牌保存到localStorage
userLogin使用令牌和/或用户凭据提交变异USER_LOGIN

然后使用保存的令牌进行自动登录（在浏览器关闭后等）

在应用开始时，您应该致电userLoginLocal vuex action
userLoginLocal从localStorage
userLoginLocal应验证令牌或/并发送给服务器进行验证
userLoginLocal使用令牌和/或用户凭据提交变异USER_LOGIN（如果令牌有效）

注意：变异USER_LOGIN使isLoggedIn = true

如何在auth用户，vue.js之后创建重定向？

1 个答案: