작성한 질문수
Slack 클론 코딩[실시간 채팅 with React]
워크스페이스 만들기 + 로그아웃하기
작성
·
368
0
기존까지 로그인은 잘 됐었는데
Workspace.tsx에
if (!data) { return <Redirect to="/login"/>;}
이 코드를 추가하니, 로그인을 하면
이런 식으로 무한호출이 되고, 빈 페이지가 떠 있어서
어떤문제인지 여쭤보고 싶습니다.
답변 4
네 200으로 나오는 것을 확인했습니다..
그리고 올려주신 swr관련 공지를 확인해서 진행했기에
현재 mutate 로 바꿔서 수강 중입니다
if (data === false) 위에 console.log('data', data) 추가하셔서 로그인->로그아웃 과정 중 어떻게 콘솔로그 찍히는지 추적하시면 될 것 같습니다. 로그아웃 시 false가 되어야 합니다.
로그아웃을 한 번 눌렀을 때 Redirection이 되질 않아서
또 눌렀더니 발생한 것 같습니다.
로그아웃을 눌러도 Redirection이 동작하지 않습니다.
개발자도구 네트워크탭에서 logout 요청을 봤을 때는 요청이 성공(200)으로 뜨나요? 로그아웃 성공하면 revalidateUser를 해서 data가 false가 돼서 Redirect 되는게 순서거든요.
swr 버전도 중요한게 최신버전에서는 revalidate가 mutate로 바뀌었습니다.
해결되었습니다 !..
그런데 로그아웃 버튼을 누르면 이런 오류가 발생합니다
저건 이미 로그아웃했는데 로그아웃 또 해서 발생하는 에러 같은데요. 다시 로그인 후 로그아웃 해도 똑같이 발생하나요?
https://github.com/ZeroCho/sleact/blob/1a58d02f6925e7073a789fe412a8bc6055e6fecd/front/utils/fetcher.ts#L3
if (data === false) 해보세요~
if (data === false) 위에 console.log('data', data) 추가하셔서 로그인->로그아웃 과정 중 어떻게 콘솔로그 찍히는지 추적하시면 될 것 같습니다. 로그아웃 시 false가 되어야 합니다.