탭을 닫은 후 Vuex 지속 상태가 제거되지 않음

탭을 닫은 후 Vuex 지속 상태가 제거되지 않음

브라우저의 데이터 상태를 유지하기 위해 vuex-http://https://github.com/robinvdvleuten/vuex-persistedstate 를 사용합니다.

앱에서 로그아웃하면 패키지는 인증된 사용자에 대한 모든 상태 정보를 지웁니다.그러나 탭을 닫은 후 중요한 데이터가 제거되지 않고 jwt 토큰이 만료되어 로컬 스토리지에서 여전히 연결할 수 있다는 것을 깨달았습니다.

이 문제에 대처하기 위한 권장 사항이 있습니까?

현재 탭의 수명 기간 동안만 데이터를 저장하려면 데이터를sessionStorage내부가 아니라localStorage.vuex-persistedstate쉽게 할 수 있습니다.

이 플러그인의 인스턴스를 생성할 때 옵션 개체를 지정할 수 있습니다. 이 개체는 대신 sessionStorage에 대한 링크를 가질 수 있습니다.

'vuex-persisted state'에서 createPersistedState 가져오기

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

언급URL : https://stackoverflow.com/questions/52591795/vuex-persisted-state-doesnt-remove-state-after-closing-tab