본문 바로가기
프로젝트/코드스테이츠 - 4주프로젝트

토큰이 만료되었을시 로그아웃을 유도하는 모달창만들기

by 안뇽! 2021. 12. 17.
반응형

토큰이 없는데도 마이페이지에 사용자의 화면이 남아있는 현상이 있었다.


AWS에서 세션만료되었다고 로그아웃시키는것처럼 나도 로그아웃시키기로 했다.


아래와 같은 모달창을 만들었다.

스크린샷 2021-12-16 오후 11 19 46

아래 사진처럼 catch(err)를 통해 상태코드가 401번(토큰없을때 응답)일때 모달창으로 가도록 유도했고, 모달창의 확인 온클릭이벤트에 로그아웃 함수를 걸어주었다.

스크린샷 2021-12-17 오전 1 18 07

모달창에선 예 버튼의 온클릭함수를 통해 로그아웃함수랑 연결된다.

 

반응형