카카오 로그인 front에서 oauth2/authorization/kakao 요청문의

[mayuaa001]

디벨로퍼스 앱ID : 982360

개발환경

• springBoot 3.1.3
• springSecurity6
• react 18.2.0

내용
현재 front에서 back으로 OAuth 2.0 프로토콜을 이용하여 카카오 로그인을 구현 중에 어려움을 겪고 있습니다. react에서 oauth2/authorization/kakao요청을 back으로 보내면 카카오톡 로그인페이지는 리다이렉션이 잘 됩니다. 로그인에 성공했을 경우 인가코드를 발급받고 인가코드를 통해 back에서 토큰발급까지 하려고합니다. 기존 back에서만 진행했을경우에는 oauth2/authorization/kakao 요청 후 로그인 성공하면 토큰발급, 사용자정보 받기까지 한번에 진행되었는데 react로 넘어오면서 토큰발급 전에막혀버립니다. 서버에서만 실행했던 코드와 react로 넘어가면서 실행했던 코드,콘솔,브라우저의 network를 첨부하오니 조언부탁드립니다.

1. springSecurity의 CORS 및 oauth2Login은 동일합니다
   

   
   
   

2. 카카오 로그인 redirectURL입니다.
   

3. 서버에서만 실행한 카카오 로그인 설정입니다.

• key는 가렸습니다
  

  

• 서버에서 받은 요청
  

  

-로그인 성공 후 인가코드 redirect로 받아서 토큰발급 진행 및 사용자 정보 추출
-react+spring 비교했을 경우 loadUser()가 실행됨

4. react+spring에서의 로그인 설정
   
   

• react에서 spring으로 소셜로그인 요청
  

  

• 서버에서 받은 요청
  

  

-로그인 성공 후 리다이렉션, 서버에서만 테스트했을경우와 다르게
토큰발급진행안됨, 여기서 문제점이 뭔지 잘 모르겠습니다…

-network

[woody.ho]

안녕하세요.

네트워크 로그에서 카카오 로그인 후, 인가코드를 들고 서비스측 URL로 정상 리디렉션 되었고 서비스에서 200응답 한것을 확인 하였습니다.

localhost:3000/login/oauth2/code/kakao?code... 에서 아무런 처리 없이 200 응답하는 것으로 보이는데요
리디렉션 시점의 서버측 로그를 확인 부탁드립니다.

---

localhost:3000 은 react 서버 같은데요
만약 그렇다면, 정상적인 리디렉션 주소는 백엔드측 주소가 되어야 합니다.