authentication - 关闭选项卡后，Vuex 持久状态不会删除状态

Question

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

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

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

Answer 1

如果只想在当前选项卡的生命周期内存储数据，则需要将数据存储在 sessionStorage 中。而不是在 localStorage 里面. vuex-persistedstate让这对你来说很容易。

当你创建这个插件的一个实例时，你可以指定一个选项对象，如果你想改用它，这个对象可以有一个到 sessionStorage 的链接。

从“vuex-persistedstate”导入 createPersistedState

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