注销时清除 nuxt 存储和所有子模块

Question

我想知道在用户注销后重置我的所有商店的最佳解决方案是什么。 通常我有一个应用程序登录，有时在开发模式下我需要从帐户切换（在实时模式下可能是这种情况）。显然，当我与另一个用户登录时，我遇到了一些问题，一些商店信息仍然存在并且属于其他用户（如果我很清楚，不知道）。 我已经在 auth.js 中的注销功能中从我的商店中清除了一些模块。但是随着我的应用程序的增长和存储（在几个模块中解耦），我只是想知道用初始值/状态一次重置所有存储的最佳方法是什么。

有什么想法吗？

Answer 1

您可以使用以下命令清理所有 vuex 数据：localStorage.vuex = ''

Answer 2

这就是我从 Nuxt 商店中清除一些数据的方式。

clearToken(state) {
   state.token = null
   state.refresh = null
   state.currentUserData = null
},

logout(vuexContext, req) {
    vuexContext.commit('clearToken')
    Cookie.remove('jwt')
    Cookie.remove('jwt_refresh')
    Cookie.remove("tokenExpiration");
    Cookie.remove("userData");
    if (process.client) {
      localStorage.removeItem('refresh');
      localStorage.removeItem('token');
      localStorage.removeItem("tokenExpiration");
      localStorage.removeItem("userData");
    if (!localStorage.getItem('token')) {
      $nuxt.$router.push('/login/');
    }
  }
}