KOE006 에러를 해결해보고 싶습니다

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

개발환경 : NestJS, NextJS
앱 ID : textapp 1141087

카카오계정’ (redirected from ‘http://127.0.0.1:4000/user/kakao’) from origin ‘http://127.0.0.1:3000’ has been blocked by CORS policy: The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

이런 오류가 뜹니다 … NextJS server port 3000 / NestJS server port 4000 인데
Redirect URI 수정 해도 안되는 것 같습니다 ,

안녕하세요.

왜 에러가 발생하나요? 에 표시된 주소를

http://127.0.0.1:3000/user/kakao/callback
http://localhost:3000/user/kakao/callback

어떻게 해결할 수 있나요? 에 추가 등록해주시면됩니다.

내 애플리케이션>제품 설정>카카오 로그인 : Redirect URI

CORS 에러는 프론트에서 브라우저의 XMLHttpRequest 비동기통신을 하는 경우 동일 도메인만 허용하기때문에 발생하는 에러입니다.

프론트에서 다른도메인으로 axois, ajax 호출하시면 발생합니다.
카카오 로그인은 302 리다이렉트 기반으로 작동하는데 비동기 통신 하신 이유가 있으신가요?