Supabase에서 Auth기능의 redirect가 localhost로 갑니다.

Question

증상Next.js와 Supabase를 이용해서 사이드 프로젝트를 작업중입니다.개발중이라 로컬 환경에서 테스트를 하고 있는데,localhost가 아닌, 내부 주소를 통해서 로그인 시,http://192.168.0.3:3000/login -> 구글, 카카오 로그인 -> http://localhost:3000/이런식으로 localhost로 페이지가 이동됩니다.시도supabase 설정supabase의 URL Configuration에서Site URL에 http://192.168.0.3:3000 등록Redirection URLs에 http://192.168.0.3:3000/auth/callback 등록Next.js 설정 const handleGoogleLogin = async () => { const { data, error } = await supabase.auth.signInWithOAuth({ provider: "google", options: { redirectTo: "http://192.168.0.3:3000/auth/callback", // redirectTo: `${window.location.origin}/auth/callback`, }, }); if (error) console.error("Error:", error.message); }; const handleKakaoLogin = async () => { const { data, error } = await supabase.auth.signInWithOAuth({ provider: "kakao", options: { redirectTo: "http://192.168.0.3:3000/auth/callback", // redirectTo: `${window.location.origin}/auth/callback`, }, }); if (error) console.error("Error:", error.message); };redirectTo에 내부 주소로 고정.작동방식이,구글이나 카카오에 supabase에서 제공하는 redirectUrl을 입력하면,supabase에 내가 등록한 redirectUrls로 되돌려 주는 거 같은데....이렇게 했는데도, 계속 localhost로 가버리니, 뭐가 문제인지 감이 안 옵니다 ㅠㅠ

Tom Kim · Answer

슈퍼베이스의 Redirection URLs의 "http://192.168.0.3:3000/auth/callback" 을"http://192.168.0.3:3000/auth/" 나 "http://192.168.0.3:3000/auth/callback/" 로 바꿔도 안되려나요?

자바빵 · Answer

아이고... 역시 질문 글을 올려야 해결이 되네요 ㅠㅠ원인은 route파일이었습니다.// src/app/auth/callback/route.ts export async function GET(request: NextRequest) { ... }계속 찾아 올라가다 보니, 위 코드의 request을 살펴보니,host 나 다른 부분은 전부 내부 주소를 사용하는데,url부분만 마음대로 localhost를 사용하네요...ㅠrequest.url대신,request.host를 가지고 수정하니 잘 동작합니다 :)해결은 되었지만, 이유는 모르겠는데...혹시, 아시는 분이 계시다면 답글 부탁 드리겠습니다!!!

컴포지트 · Answer

혹시 리버스 프록시 사용하시나요? 그럴 경우 Next.js 등 왠만한 웹 어플리케이션들은 호스트를 locahost로 인지할 수 있습니다. (또는 리버스 프록시가 준 호스트명으로)왠만한 리버스 프록시 지원 웹 서버는 X-Forwarded-Host 헤더를 통해 실제 호스트를 전달받을 수 있으니 헤더 통해 Host 취득 후 대응해 보시길.

몰랑토끼 · Answer

저도 예전에 성공했던게 있었고, 다시 하려니 계속 localhost 로 리다이렉트 되서 해결했네요. 참고 레포 공유해드릴까요? 저랑 구조가 좀 다르신듯

Supabase에서 Auth기능의 redirect가 localhost로 갑니다.

4개의 답변

#localhost 목록