javascript - 身份验证状态持久性未按预期工作 ReactJS

Question

我正在使用 firebase 开发 ReactJS 应用程序，但我的身份验证持久性未按预期工作。在开发过程中，它在我的浏览器中运行良好，但是当我将它部署到 firebase 托管时，它既不会在我的网络浏览器中保存我的身份验证状态，也不会在移动浏览器中保存我的身份验证状态。

import * as firebase from 'firebase'
export function signIn(e) { e.preventDefault(); auth.signOut()
  auth.setPersistence(firebase.auth.Auth.Persistence.LOCAL).then(function() {
    return auth.signInWithEmailAndPassword(email, pass).then(() => { 
        .....
    }).catch(err => {
        if (err.code === 'auth/wrong-password') {... }
        else {  alert(err.message) }
    })
  })
}

我正在使用 onAuthStateChanged 让用户登录。

auth.onAuthStateChanged(() => {
        if (auth.currentUser)
            ....    
    })  

我强行坚持到 LOCAL ，知道这是默认设置，但即使它像 session 一样工作.我已阅读文档 Auth Persistence Docs ，但持久性无法正常工作。使用 Android、iOS 和 Web 进行测试，并且身份验证状态不会持久。

这是一个firebase托管问题吗？

Answer 1

默认情况下，Firebase SDK 将身份验证持久性设置为“本地”。
如果您正在使用 onAuthStateChanged当您的应用程序加载时，问题可能是 Firebase SDK 无法使用刷新 token 刷新 idToken。为了刷新 token ，SDK 使用 token 服务 API。转到 Google Cloud Platform 控制台，检查 Firebase 项目的 API key 是否可以访问 token 服务 API。之前我也遇到过类似的问题，问题是我对谷歌云平台中的API key 进行了限制。