현재 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 '{' 오류가 발생합니다. 그런 다음 페이지를 다시 로드하거나 다시 빌드하세요.
다음에 무엇을 시도해야 할지 알면 매우 감사하겠습니다!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
그래서 이 문제를 발견했습니다.
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