TIL > 로컬에서 로그인 할 수 없는 이슈

[yoonminsang]

해결방법

1. AuthContext의 다음 코드를 변경해야합니다.

    const redirectUri =
      "https://frontend-fundamentals.com/api/github/login-callback";

2. 깃헙에서 redirect_uri에 로컬호스트를 추가해야합니다.

현재 로그인 방법

prod에서 로컬스토리지 토큰값 복사해서 로그인해야합니다.

[milooy]

로컬에서 리디렉션된 URL에서 domain을 localhost로 고쳐주면 임시 로그인 되긴 해용
그리고 깃헙에서 redirect_uri 여러개 추가하고 싶었는데...

처럼 하나만 allow하더라구요 🤔

방법 아시면 알려주세용 😢

[yoonminsang]

저도 찾아봤는데 여러 사용자들이 이미 문제를 인식하고 github이 redirect_url을 추가해야한다고 말하고 있네요..
굳이 해결하지 않아도 큰 문제는 없을것같아요. 저라면 그냥 주석이나 README에 관련 컨텍스트를 정리해놓을것같아요.

좋은 방법인지는 모르겠지만 해결방법만 몇 개 적어둘게요!

ex1) sub url이나 쿼리파람을 사용해서 우회하기
redirect_url=/api/github/login-callback?env=local로 설정
/api/github/login-callback 페이지 컴포넌트에서 env를 보고 개발환경인지 prod인지 확인하고 다시한번 리다이레트

ex2) github app 두개 만들고 실행환경에 따라 다른 app 사용하기

예시링크
https://stackoverflow.com/questions/35942009/github-oauth-multiple-authorization-callback-url
https://github.com/orgs/community/discussions/4238