firebaseui-web을 사용하는 Firebase 인증은 인증 후 리디렉션되지 않습니다.

Question

현재 Firebase 인증 및 웹 위젯 라이브러리 firebaseui-web을 사용하여 VueJS 기반 로그인 흐름의 프로토타입을 제작 중입니다.

인증 성공 후(password 或 google 提供商），小部件加载栏会无限重复，并且 firebaseui-web 不会触发其 signInSuccessWithAuthResult 回调。但是对 identitytoolkit.googleapis.com) 네트워크 호출이 내 사용자를 명확하게 식별하고 인증한 것 같습니다(스크린샷 참조)

구성 개체는 다음과 같습니다.

으아아아

VUeJS 코드:

으아아아

https://github.com/perelin/firebase-auth-providerdata-test에서 재현 가능한 데모 및 전체 코드.

다음은 https://codesandbox.io/s/github/perelin/firebase-auth-providerdata-test를 나타내는 CodeSandbox입니다(가끔 Unexpected token '{' 오류가 발생합니다. 그런 다음 페이지를 다시 로드하거나 다시 빌드하세요.

다음에 무엇을 시도해야 할지 알면 매우 감사하겠습니다!

Answer 1

그래서 이 문제를 발견했습니다. firebaseui.auth.AuthUI에서 반환된 firebaseui 인스턴스가 Vue 데이터 속성이 되는 것을 좋아하지 않는 것 같습니다 [1]

이유를 알고 싶지만 벌레를 찾는 데는 에너지가 많이 소모됩니다. 끝났어요 :)

여기 내 수정 사항이 있습니다https://github.com/perelin/firebase-auth-providerdata-test/commit/e8c31aecb4d3bc8bcd93928c55c439201a965c65

[1] https://v3.vuejs.org/guide/data-method.html