[Nest.js] Kakao, Google Oauth 로그인 CORS 문제 ㅠㅠ (+ React)

Question

안녕하세요 Nest.js 처음부터 공부하면서 혼자 프로젝트를 진행중인데... React(5173 port) &#43; Nest.js(3000 port) 로 Oauth를 구현하고있습니다. ! 현재 Nest.js 쪽에서 &#64;Get('/auth/kakao') &#64;UseGuard(KakaoGuard) &#64;Get('/auth/kakao/callback') &#64;UseGuard(KakaoGuard) 로 요청을 받고있습니다. (Google도 동일) React에서 button click시에 localhost:3000/auth/kakao 로 api요청을 날리면 301 Found가 뜨게되고 'https://accounts.kakao.com/login?continue&#61;~~~~~~~~~~' 로 리디렉션 되지만 CORS 오류가 나옵니다...... ㅠㅠㅠㅠ (구글도 구글 url로 리디렉션) 해당 도메인을 복사하여 브라우저에 직접입력하면 해당 카카오 혹은 구글 로그인 페이지로 접속이 잘되지만... 왜 프론트엔드에선 CORS가 나고있고 어떻게 해결하면 좋을지 모르겠어서 질문 남깁니다 ! 추가로 oauth에 등록하는 리디렉션 url은 http://localhost:3000/auth/kakao/callback 이며, 카카오 웹 플랫폼, 구글 자바스크립트 원본은 http://localhost:5173 입니다 !

wlgns2223 · Answer

nestjs main.ts가 있으면 app에 enableCors 메소드를 추가해주시면 될꺼같아요 !

TILLIDIE · Answer

혹시 해결하셨나요... ㅠㅠ 저는 프론트를 NextJS로 4000번으로 띄웠고, 백을 NestJS로 3000번으로 띄운 상태에서 CORS 설정도 했는데 계속 동일한 오류가 나네요... 리다이렉션 하는 과정에서 계속 오류가 납니다.

[Nest.js] Kakao, Google Oauth 로그인 CORS 문제 ㅠㅠ (+ React)

2개의 답변

기술 목록