목록persistedstate (1)

영원히 남는 기록, 재밌게 쓰자

vuex와 vuex-persistedstate로 로그인 상태 유지하게 만들기

로그인을 시도한 후 local storage에 토큰을 보관하는 실습까지 해보았다.근데 토큰을 가지고 있어도 vue에게 로그인 상태를 알려주어야 했다. 그래서 처음엔 loginCheck 라는 변수를 두고 이를 false -> true로 바꾸어 로그인 상태를 유지하려고 했는데...vuex는  vue인스턴스 안에서 돌아가기 떄문에 실시간으로 렌더링되고 라이프 사이클을 가지는데 이게 계속 새로운 vue인스턴스를 반환하다보니 해당 컴포넌트의 변수들도 덩달아 모두 초기화 되는 상황이 발생했다.. 로그인을 하고 JWT를 local storage에 가지고 있으면 뭐하나...vue에서 이걸 알고 저장하여 체크를 해야하는데 이를 못하고 있었다. vue의 persistedState를 활용하면 이를 가능하도록 해준다고 해서 ..
프로젝트 2024. 6. 25. 16:41
이전 Prev 1 Next 다음