inflearn logo
강의

講義

知識共有

作成しながら学ぶフロントエンドDO ITコーディング(Next.js、Typescript)

firebase認証を利用したGoogleログイン

Error: Illegal url for new iframe

762

SJ Kim

投稿した質問数 10

0

강사님 안녕하세요:)

구글 계정 로그인을 구현하다가 제목과 같은 에러가 발생했습니다(구글로그인 버튼 클릭시).

팝업을 열기 위한 url이 잘못되었다고 나오는데 어느 부분이 잘못되었는지 감이 안잡히네요ㅠ

.env에 있는 내용을 next.config.js에서 export했고 FirebaseClient에서 FirebaseCredentials로 잘 매칭한 것 같은데 이상하네요..

어떻게 접근하면 좋을까요.??

 

next.js Next.js

回答 1

0

totuworld

안녕하세요 SJ님.

 

우선 .env의 내용중에서 FIREBASE_AUTH_HOST 내용이 어떻게 입력되어있는지 확인이 필요합니다.

FIREBASE_AUTH_HOST={프로젝트id}.firebaseapp.com

기본형은 위 처럼 써있을 텐데요. 여기서 프로젝트id 부분만 대치하고 {} 괄호를 남겨두셨다면 위와 같은 에러가 발생할 수 있습니다.

 

정상적으로 입력된 경우라면 아래처럼 {} 괄호 없이 입력될 겁니다.

FIREBASE_AUTH_HOST=study.firebaseapp.com

 

0

SJ Kim

빠른 답변 정말 감사합니다. 적용해보겠습니다:)

0

totuworld

잘 되셨으면 좋겠네요!

0

SJ Kim

말씀대로 했더니 에러가 사라졌습니다.

감사합니다 강사님:)

post하는 경우에 uid 설정

0

138

1

vscode bgColor 바로 표시되기 설정방법 및 chakra-ui img src 설정관련

0

507

2

클래스 방식말고 (2)

0

327

1

클래스 방식말고

0

311

1

배포 후 오류

0

1150

3

const resp = await fetch(`/api/messages.list?uid=${uid}`)가 404에러가 뜹니다

0

438

1

localhost:3000/api/user.info/totuworld 404 에러가 뜹니다.

0

436

3

사용자를 찾을 수 없다.

0

378

1

2. 사용자 API 만들기 => 강의는 짧지만 백엔드 api 만드는 기본 내용 다 들어가 있음 주의하세요!!

0

379

1

toast 처리부터 오류발생

0

599

3

FirebaseError: Firebase: Error (auth/invalid-api-key).

0

1830

3

Vercel 배포 후 thumbnail api 에러 발생합니다.

0

705

1

[~~].toStr에 대해

0

248

1

firebase admin 환경 초기화 하는 부분 질문입니다.

0

405

1

/api/[screenName].ts API에 대해 문의드립니다.

0

339

1

구글 가입 버튼 오류: redirect_uri_mismatch

0

535

1

mac m1 node 14버전 설치 에러

0

642

1

전체 예제 소스좀 올려주세요

0

445

1

R_CONNECTION_TIMED_OUT 오류

0

624

1

로그인 버튼 클릭시 auth/auth-domain-config-required 에러 발생

0

707

1

@types/react를 인식하지 못하는 에러

0

2828

3

thunder client로 get 요청시 무한로딩

0

1153

1

firebase auth 인증 질문

0

1207

1

router 관련 질문입니다.

0

381

1