[오류리뷰]react-cookie & 통신관련

1️⃣ 문제 상황

서버에서 데이터를 불러올 때 왜인지 모를 이유로 계속 통신에 실패하였다. setCookie를 할 때 잘못 할당한건 아닐까, HTTP 통신에 보내는 토큰을 만드는 bearer함수를 잘못 만든건 아닐까, 이미 쿠키 속성에 속성값이 있으면 할당이 안되는게 아닐까, …아니면 한박자 늦게 할당되나? 라는 많은 생각들과 고민들을 통하여 많은 시도를 해보았지만 역시 실패했다.

2️⃣ 문제 이유

그리고 문제의 원인을 찾아냈다. 문제의 원인은 쿠키를 잘 삭제해주지 않고 계속 로그인을 하여 쿠키 저장소에 쌓이게 해서 그랬던 것이다.(원래는 쿠키의 속성에 맞게 속성값이 넣어지는데, 특정 상황에서 왜 그런지 그냥 새로 생겨났다.) 그럼 통신을 보낼 때의 토큰은 최신의 값이 아니라 그냥 가장 위에 있는 값을 가져가서 HTTP 통신을 하는 것이었고, 백에서 맞지 않는 토큰을 클라이언트에서 계속 받으니까 에러를 뱉는 것이었다.

3️⃣ 해결 방안

개발자 도구 애플리케이션에서 쿠키저장소에서 쿠키를 다 없앴다. 그 다음에 다시 로그인을 해서 새로운 토큰을 저장하고 다시 로드 페이지로 갔더니 실행이 정상적으로 되었다.