Сохраненное состояние Vuex не удаляет состояние после закрытия вкладки

Question

Я использую пакет vuex-persistedstate https://github.com/robinvdvleuten/vuex-persistedstate для сохранения состояния данных в браузере.

Когда я выхожу из приложения, пакет очищает всю информацию о состоянии аутентифицированного пользователя.Однако я понял, что он не удаляет конфиденциальные данные после закрытия вкладки и истекает срок действия токена jwt, и он все еще доступен в локальном хранилище.

Любая рекомендация справиться с этим?

Answer 1

Если вы хотите хранить данные только для времени существования текущей вкладки, вам нужно хранить данные внутри sessionStorage вместо localStorage.vuex-persistedstate делает это простым для вас.

Когда вы создаете экземпляр этого плагина, вы можете указать объект параметров, и этот объект может иметь ссылку на sessionStorage, если вы хотите использовать его вместо этого.

импорт createPersistedState из 'vuex-persistedstate'

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