Firebase 및 VueJ: 미포함(예약) DOMException:원본이 "http://localhost:3000"인 프레임을 차단했습니다.

Firebase 및 VueJ: 미포함(예약) DOMException:원본이 "http://localhost:3000"인 프레임을 차단했습니다.

공식 Firebase 인증 튜토리얼을 따르고 있는데 다음 코드에 대해 이 오류가 계속 나타납니다.

const provider = new firebase.auth.GoogleAuthProvider()
      firebase.auth()
        .signInWithPopup(provider)
        .catch((error) => alert(error.message))
        .then((data) => console.log(data.user, data.credential.accessToken))

콘솔 오류는 다음과 같습니다.

backend.js:12632 Uncaught (in promise) DOMException: Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.

인증 콘솔에 화이트리스트 도메인으로 localhost가 있습니다.

포트도 추가해야 하나요?그게 도움이 된다면...어떤 조언이라도 해주면 고맙겠습니다.감사합니다.

참고로 저는 Nuxt (Vue)를 사용하고 있습니다.

그래서 그런 것 같아요.signInWithPopup로딩<iframe>인증 프로바이더용입니다.

게시된 코드만으로는 알 수 없지만, 구글 또는 페이스북 인증 제공 프로그램을 사용하고 있을 수 있으며 인증 제공업체에서 localhost를 화이트리스트로 만들어야 합니다.

이 경우 ngrok과 같은 프록시를 사용하여 웹 액세스 가능한 임시 서버를 얻는 것이 가장 간단한 방법입니다(https를 부르는 것도 도움이 될 수 있습니다).

언급URL : https://stackoverflow.com/questions/63249649/firebase-and-vuejs-uncaught-in-promise-domexception-blocked-a-frame-with-ori