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

Question

我使用vuex-persistedstate软件包https://github.com/robinvdvleuten/vuex-persistedstate在浏览器中保留数据状态。

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

是否有处理建议？

Answer 1

如果只想在当前选项卡的生存期内存储数据，则需要将数据存储在sessionStorage内而不是localStorage内。 vuex-persistedstate使您的工作变得简单。

创建此插件的实例时，可以指定一个options对象，并且如果要使用该对象，则该对象可以具有指向sessionStorage的链接。

从“ vuex-persistedstate”导入createPersistedState

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