LocalStorage 값 변경 자동 체크
530
작성한 질문수 4
안녕하세요
스토어에서
LocalStorage 를 사용 하여 로그인 진행 중 막혀 문의 드립니다.
const accessToken = ref(localStorage.getItem('auth/access_token'))
또는
const accessToken = useLocalStorage('auth/access_token', null);
이렇게 선언하여
jwt토큰 값을 저장하고
토큰이 만료 되면 service 에서
리플래쉬 토큰으로 재발급하여 auth/access_token 에 다시 저장 하는데
isTokenValid 값이 변경이 되지 않습니다.
const isTokenValid = computed(() => {
if (!accessToken.value) {
console.log('No access token found.'); // Optionally log when no token is found.
accessToken.value = null;
return false;
}
const rtn_valuue = isTokenExpired(accessToken.value);
if (!rtn_valuue) { // 토큰 만료
accessToken.value = null;
}
return rtn_valuue;
}); useEventListener(window, 'local-storage', event => {
if (event.key === 'auth/access_token') {
console.log(
'Detected changes in access token from another tab or window.:: local',
);
// 다른 탭에서 변경된 값으로 accessToken 업데이트
accessToken.value = event.newValue;
}
});
이렇게 해도 체크가 안되네요
isTokenValid 값은 화면을 리로드 하면 바뀌는데
로컬 스토리지가 변경 되었을때는 변화가 없네요
해결 방안좀 부탁 드립니다.
감사합니다.
답변 1
0
안녕하세요
isTokenValid 값이 변경이 되지 않는다면 computed 내의 콜백 함수를 디버깅 해봐야 알 수 있는데요.
breakpoint를 활용해서 원하는 값의 변경이 잘 되는지 확인해 보시면 될 것 같습니다.
storage 사용 문의
0
71
2
무한 스크롤링 질문
0
77
2
짐코딩님..! unplugin-vue-router/vite 적용 최근방식 부탁드령요 ㅜㅜ
0
147
3
Quasar를 강의 버전 그대로 맞추면 실행할 때 에러가 발생해서, 다른 버전만 맞추니 잘 작동합니다.
1
93
1
post/[id]/index.vue에서 layouts/default.vue가 안 나오는 데 어떤 이유일까요?
0
137
2
Cross-Origin-Opener-Policy policy would block the window.closed call.
0
422
2
[공유] 잘동작하는 unplugin-vue-router 버전 관련
0
262
2
route.meta? 에서 물음표 개념
0
116
2
functions.region is not a function
1
219
1
unplugin-vue-router 가 안되네요.
0
266
2
건의사항
0
177
1
Firebase Hosting 후 페이지 안뜰 때!
0
179
1
type : negative 무슨 의미인가요?
0
191
2
강의 교안은 어떻게 볼 수 있나요?
0
260
2
플로그인 설치
0
231
2
Firebase 요금제에 관한 문의사항
0
280
1
사용자 컴포넌트를 작성하는 것에 대한 문의
0
173
1
Firebase 강의 Section1의 Auto page 설정에 관련되어
0
342
2
tiptap 스타일 파일은 따로 안 올려주시나요?
0
352
1
Volar Deprecated
0
668
1
호스팅 문제 관련 질문 있습니다.
0
219
1
안녕하세요!
0
281
1
emit, prop 대신 defineModel()을 사용하여 구현 하는 것에 대한 질문 입니다.
0
661
1
안녕하세요! tiptap 강의 듣는중인데
0
343
1





