카카오 로그인 시도 시 Invalid Request

문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.


spring security oauth2 를 이용해서 개발 중입니다.
앱ID 1100404

Invalid Request error가 발생하지만 kakao를 클릭했을 때 DB에 저장이 되고, access token refresh token 모두 잘 발급되었습니다… 하지만 카카오로 시작하기를 눌러 로그인 시도를 할 때 왜 Invalid Error인지 못 찾겠습니다…

Login page react 파일입니다.

import Topbar from '../../components/Topbar/Topbar';

const LoginPage = () => {
  const loginClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
    e.preventDefault();
    window.location.href = `http://'배포한 ec2주소'/oauth2/authorization/kakao`;
  };

  return (
    <div>
      <Topbar />
      <div className='w-300 m-middle mt-200'>
        <button
          onClick={loginClick}
          className='w-300 h-45 bg-[#FEE500] rounded-[12px] bg-kakao-login'
        ></button>
      </div>
    </div>
  );
};

export default LoginPage;

oauth.yml 파일입니다.

spring:
  security:
    oauth2:
      client:
        registration:
          kakao:
            client-authentication-method: client_secret_post
            client-name: kakao
            client-id: ${KAKAO_CLIENT_ID}
            authorization-grant-type: authorization_code
            provider: kakao
            redirect-uri: ${KAKAO_REDIRECT_URI}
            scope: profile_nickname, account_email
        provider:
          kakao:
            authorization-uri: https://kauth.kakao.com/oauth/authorize
            token-uri: https://kauth.kakao.com/oauth/token
            user-info-uri: https://kapi.kakao.com/v2/user/me
            user-name-attribute: id

안녕하세요.

invalid_request 가 발생한 API가 어떻게 될까요?
또한, 사용하신 앱 ID를 다시 확인 부탁드립니다.
전달해 주신 앱 ID에서 API 사용 이력이 확인되지 않습니다.

아 죄송합니다 ID 는 1100454입니다.

요청 api는 /oauth2/authorization/kakao 입니다.

첨부 이미지의 authorize 요청을 보면 서비스측 주소가 아닌 kauth 주소를 요청 하는 것으로 보입니다.

Spring에서 기본 제공되는 로그인 주소는 /oauth2/authorization/{registrationId} 입니다.
Spring Security Oauth2.0 모듈에서 제공하는 인가요청 주소(ex, /oauth2/authorization/kakao )를 통해 로그인이 시작되지 않은채로 redirect_uri로 이동하면 OAuth2LoginAuthenticationFilter 에서 오류를 발생 시킵니다.

즉, Spring 인가 요청 주소로 진입하지 않고 kauth 주소로 곧바로 진입 하였다면 위 오류가 발생할 수 있습니다.

말씀 하신 내용과 첨부 이미지의 네트워크 로그 내용이 달라 자세히 확인이 어려운데요
실제 진입한 URL과 오류가 발생된 URL을 부탁드립니다.

앱 1100454에서 인가코드 발급 → 접근토큰 발급 → 사용자 정보 가져오기 API 까지 모두 정상 동작한 것으로 확인됩니다.
Spring보안에 의해 오류가 발생되었거나 혹은 redirect_uri 처리 완료 후 서비스측 리디렉션에 문제가 있지 않은지도 점검 부탁드립니다.