카카오 로그인 KOE303이 발생합니다

인가 코드를 리다이렉트 해서 서버에서 토큰을 받게 구현했는데 Redirect URI mismatch가 발생했습니다.

인가 코드 url 하고 토큰 받는 url하고 어떻게 다른지 알 수 있을까요?

인가 코드 url

const params = {
                redirectUri: "http://localhost:3000/service/kakaoLogin",
};
window.Kakao.Auth.authorize(params);

토큰 받는 url

const REDIRECT_URI = "http://localhost:3000/service/kakaoLogin";

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.


앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

816871입니다!!

에러 로그를 보니 일부 요청이 아래와 같습니다.

토큰 발급 시, 리다이렉트 URI

http%3A%2F%2Flocalhost%3A8080%2Fauth

인가요청 시, 리다이렉트 URI

http://localhost:8080/auth

동일한 주소인데 인코딩을 다르게 하신 것 같습니다.