문의 사항에 따라 필요한 정보를 먼저 입력하시면 더 빠르게 대응해 드릴 수 있습니다.
NextAuth를 통한 카카오 로그인 시에, localhost와 production 환경에서 redirect-uri는 api/auth/callback/kakao로 설정되어 정상 적으로 동작합니다. 그런데 vercel의 pre-production 환경(Preview)에서는 redirect-uri가 /callback/kakao만 붙게 되는 문제에 대한 이유와 해결방안을 알고 싶습니다. NextAuth를 사용하고 있다보니 수동으로 redirect-ui를 설정하진 않았습니다. 또한 카카오디벨로퍼스 설정에서 redirect-uri를 https://dev.vingbeing.com/callback/kakao 로 등록하면 404 에러가 발생합니다.
참고 정보
KOE006에러는 에러 페이지에 안내된 것과 같이
왜 에러가 발생하나요? 에 표시된 주소를
어떻게 해결할 수 있나요? 에 추가 등록해주시면됩니다.
내 애플리케이션>제품 설정>카카오 로그인 : Redirect URI
FAQ. KOE006 에러가 발생할 때
404 에러는 개발하신 시스템에 해당 주소가 없다는 의미이고
redirect-uri를 https://dev.vingbeing.com/callback/kakao로 요청 했다는 것은 개발하신 시스템 인가코드 요청 시, 그렇게 세팅 했다는 의미 입니다.
즉, pre-production 환경(Preview)에서 redirect-uri가 정상작동하도록 선 조치 해주셔야합니다.
NextAuth를 사용중이라 Vecel에서 별도로 Production, Pre-Production 환경에 대한 redirect-uri 처리는 하지 않았습니다. 별도로 설정한 것이 없는데 환경에 따라 redirect-uri가 다르게 들어가는 것이 의아해서요… 시스템 인가코드 요청 시 세팅한 것이 없습니다 ㅠㅠ
인가코드요청에서 Redirect uri 설정을 어떻게 하셨는지 공유 해주시겠어요?
관련 코드블럭 및 환경 설정을 공유해주세요.
providers: [
kakao({ clientId: process.env.AUTH_KAKAO_ID, clientSecret: process.env.AUTH_KAKAO_SECRET }),
]
https://authjs.dev/getting-started/providers/kakao?framework=next-js
인가코드 요청은 별도의 설정 없이 nextauth에서 제공하는 provider와 signIn() 기능을 사용하고 있습니다.
그렇다면 host 주소는 해당환경별로 설정되는 것으로 추정됩니다.
카카오와 무관하게 앞서 안내드린 것 과 같이
환경별 host에따라 404 처리되지 않도록 빌드환경 검토 해보셔야합니다.