vue store값을 이용한 router guard

Question

app.vue에서 created()로 vuex store의 값을 저장해주었습니다. 그 값을 이용해 라우터 가드에서 다른 페이지로 이동시 권한 체크를 합니다. app.vue에서 store값을 넣어주었기 때문에 페이지 이동까지는 되는데 새로고침을 하면 store의 값은 초기화되어 재접속불가 상태가 됩니다..vuex-persistedstate을 사용해 보았지만 app에서 저장된 store값을 가져와야하는데 처음에 선언한 store자체의 초기값만을 가져옵니다.. 원인이 뭔지 알수있을까요? ㅠ

맹훈 · Accepted Answer

스토어로 데이터 관리는 하되 새로고침시 데이터가 날아가는 현상이 있다는 말씀이신 것 같은데..이런경우는 localStorage,sessionStorage 또는 쿠키 등을 이용해서 값을 저장하고 가져오도록 처리하시면 될거에요새로고침하면 store에 저장되어있던 값들이 날아가는 것 같더라구요

잘하고싶따 · Answer

ㅠㅠ 쿠키나 세션을 만들어야 하는 거군요.. 감사합니다!

vue store값을 이용한 router guard

2개의 답변

Q&A 목록