时间戳

首页 > 解决方案 > 关闭选项卡后，Vuex 持久状态不会删除状态

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

问题描述

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

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

有什么建议来处理这个吗？

标签： authenticationvue.jspluginsvuejs2vuex

解决方案

如果您只想在当前选项卡的生命周期内存储数据，则需要将数据存储sessionStorage在localStorage. vuex-persistedstate让您轻松搞定。

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

从'vuex-persistedstate'导入createPersistedState

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

推荐阅读