Vuex 持久状态在关闭选项卡后不会删除状态

Question

我使用 vuex-persistedstate package https://github.com/robinvdvleuten/vuex-persistedstate 在浏览器上持久化数据状态。

当我从应用程序注销时，包会清除有关经过身份验证的用户的所有状态信息。但是，我意识到，关闭选项卡并且 jwt 令牌过期后，它不会删除敏感数据，并且仍然可以在本地存储上访问。

有什么建议可以处理这个问题吗？

Answer 1

如果只想在当前选项卡的生存期内存储数据，则需要将数据存储在sessionStorage内而不是localStorage内。vuex-persistedstate让您轻松做到这一点。

当您创建此插件的实例时，您可以指定一个选项对象，如果您想改用该对象，此对象可以具有指向 sessionStorage 的链接。

从 'vuex-persistedstate' 导入 createPersistedState。

const store = new Vuex.Store({
// ...
plugins: [createPersistedState({
storage: window.sessionStorage,
})],
})