PAGE REGRESH에서 vuex 저장소의 데이터가 손실

PAGE REGRESH에서 vuex 저장소의 데이터가 손실

저는 Larabel과 vuejs에서 인증 시스템을 구축하고 JWT를 사용하여 토큰을 lacal storage에 저장하고 있습니다.vuex 스토어에 사용자 데이터를 저장할 수 있으며, devtool의 vuex 영역에서 볼 수 있습니다.문제는 페이지를 새로 고칠 때 없어지는 것입니다.사용자 정보를 유지하고 싶은데 페이지 새로 고침 시 삭제되지 않아야 합니다.어떻게 하면 좋을까요?

import Vue from 'vue'
import Vuex from 'vuex'

import userStore from './components/user/userStore'

Vue.use(Vuex)

const debug = process.env.NODE_ENV !== 'production'


export default new Vuex.Store({
    modules : {
        userStore
    },
    strict : debug
})

이 플러그인을 사용해 볼 수 있습니다.

https://github.com/championswimmer/vuex-persist

Typescript-ready Vuex 플러그인: 쿠키 또는 localStorage와 같은 영구 스토리지에 앱 상태를 저장할 수 있습니다.

Vuex를 로컬 스토리지 또는 쿠키에 저장해 볼 수 있습니다.

상태를 localstorage https://github.com/robinvdvleuten/vuex-persistedstate에 저장하는 데 도움이 되는 플러그인이 있습니다.

나도 똑같은 문제가 있었어.난 그렇게 해결했어

state: {
    authenticated: localStorage.getItem('yourToken')
}

이 시점에서,this.authenticated에actions: {}진실인지 거짓인지 아닌지를 알 수 있어요그 의미는 당신이 저장해야 한다는 것이다.localStrage디폴트 설정입니다. autenticated만약 못 따라오시면 말씀해주세요. 제 사례를 좀 더 들어볼게요.그렇게 하면 알 수 있을 거야

편집:

사용하다sessionStorage저장하다.

언급URL : https://stackoverflow.com/questions/46633357/vuex-store-losing-data-on-page-regresh