잘하고싶따
181
2020-06-29 11:05:48
2
345

vue store값을 이용한 router guard


app.vue에서 created()로 vuex store의 값을 저장해주었습니다. 그 값을 이용해 라우터 가드에서 다른 페이지로 이동시  권한 체크를 합니다. app.vue에서 store값을 넣어주었기 때문에 페이지 이동까지는 되는데 새로고침을 하면 store의 값은 초기화되어 재접속불가 상태가 됩니다..

vuex-persistedstate을 사용해 보았지만 app에서 저장된 store값을 가져와야하는데 처음에 선언한 store자체의 초기값만을 가져옵니다..

 원인이 뭔지 알수있을까요? ㅠ


0
  • 답변 2

  • 맹훈
    343
    2020-06-29 11:28:48

    스토어로 데이터 관리는 하되 새로고침시 데이터가 날아가는 현상이 있다는 말씀이신 것 같은데..

    이런경우는 localStorage,sessionStorage 또는 쿠키 등을 이용해서 값을 저장하고 가져오도록 처리하시면 될거에요

    새로고침하면 store에 저장되어있던 값들이 날아가는 것 같더라구요


  • 잘하고싶따
    181
    2020-06-29 11:32:54
    ㅠㅠ 쿠키나 세션을 만들어야 하는 거군요.. 감사합니다!
  • 로그인을 하시면 답변을 등록할 수 있습니다.