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,
    })],
})