vue.js pinia sessionStorage문제 ㅠㅠ

Question

export const useAuthStore&#61;defineStore(&#34;auth&#34;,{ state:() &#61;>({ isLogin:false, }), getters: { isLoggedIn:(state) &#61;>{ return state.isLogin; }, }, actions: { login(){ this.isLogin&#61;true; }, logout(){ this.isLogin&#61;false; } }, persist: { storage: sessionStorage, }, })개발자도구로 보니까 sessionStroage에 저장이 안돼는데 이거 문제가 뭘까요? 세션스토리지에 저장이 안돼서새로고침 하면 자꾸 로그인이 풀려요 ㅠ

kenu · Answer

localStorage 로 수정하시면 어때요?

캐티 · Answer

이거 잘못한 것 같은데요.자바스크립트에 isLogin 변수는 false가 초기 값이고, 페이지를 새로고침 하였다면 상태를 먼저 초기화 해주어야 할 것이어요.isLogin 변수는 sessionStorage에서 값을 가져와서 true 또는 false로 초기화 해주는 것이 가장 좋은 예시어요.

カワウソ · Answer

persist.debug 옵션을 활성화해보는 건 어떤가요.

Bluebell · Answer

persist: {enabled: true, // 허용을 해야....strategies: [ // 키발급 전략을 정해야...{key: 'isLogin',storage: sessionStorage,},],},자세한건https://seb-l.github.io/pinia-plugin-persist/advanced/strategies.html 을 참조하세요

vue.js pinia sessionStorage문제 ㅠㅠ

4개의 답변

Q&A 목록