Oauth2 쿠키 반환시 로컬스토리지 미적용

[Kosw6]

🗒️ 설명

• 현재 구조는 사용자가 oauth2 로그인 -> oauth2 제공업체에서 서버로 리다이렉트 -> 서버에서 리다이렉트 url과 쿠키를 프론트로 반환
• 그렇기에 프론트는 쿠키만 발급받음 로컬 스토리지에 토큰이 없기에 내부 접속 불가능

✅ 예상 동작

• 해결방법
• 전체 페이지 설정에서 로컬스토리지에 Accesstoken이 없을 경우 RefreshToken으로 재발급하는 API 요청 후 재발급하는 기능 추가
• Oauth2 로그인시에 토큰으로 발급되고 -> 전체 페이지에 설정하였으니 리다이렉트 될 경우 리액트 앱이 재생성 된 후 AccessToken을 재발급하게 됨 -> 정상 로그인
• 만약 API요청시에 실패할 경우 기존 로직대로 로그인 페이지로 이동, 다만 메인 페이지는 로그인 없이 접속이 가능하므로 로컬스토리지에 Boolean타입 checkToken같은 파라미터를 저장하고(기본값:false) API요청이 실패할 경우 true로 변경하여 반복 호출을 방지 -> checkToken이 true일 경우 && AccessToken이 없을 경우에는 사이드바에 로그인,회원가입으로 보이게 + API 요청 중지
• 로컬 스토리지에 checkToken이 false & AccessToken이 없을 경우에만 API요청

🙋‍♂️ 담당자

• 프론트엔드: @DongEun02

[Kosw6]

요청할 URL은
POST /reissue입니다