소셜 로그인 Failed to fetch 오류

❎ 문제발생

 

와인 서비스 프로젝트에서 기존의 회원가입 로그인 기능에 소셜로그인 기능을 추가하기 위해서 OAuth 기능을 추가한 상황이다.

소셜 로그인 기능을 사용하기 위해서 스웨거로 테스트를 했을때 해당 오류가 발생하였다.

 

🆘 해결 과정

 

지금 카카오 쪽의 api가 문제인지 아니면 나의 로직 상의 문제인지부터 확인을 해야했다.

 

디버깅으로 소셜로그인의 흐름을 살펴봤을때는 pageUrl에 값이 들어오긴 한 상황이다.

해당 PageUrl은 제대로 된 값인지 확인을 해보았다.

https://kauth.kakao.com/oauth/authorize?client_id=3215a3e64cedbd8258a05d024ab3ed66&redirect_url=http://localhost:8080/oauth2/callback/kakao&response_typecode

카카오계정

 

해당 url로 접속하면 KOE201이라는 오류가 발생한것을 알 수 있다.

fun generateLoginPageUrl(): String {
    return StringBuilder(authServerBaseUrl)
        .append("/oauth/authorize")
        .append("?client_id=").append(clientId)
        .append("&redirect_url=").append(redirectUrl)
        .append("&response_type").append("code")
        .toString()
}

해당 부분에서  .append("&response_type") 가 아닌 .append("&response_type=") 으로 수정을하고

.append("&redirect_url=") 에서 .append("&redirect_uri=") 로 수정하였다.

단순한 오타로 인한 오류 발생으로 보인다.

 

❎ 새로운 오류 발생

 

해당 page Url을 수정한 뒤에 접속을 해봤을때 화이트 라벨 오류가 발생하였다.

내일은 해당 오류에 대한 해결을 시도해봐야겠다.