javascript - Firebase AppCheck 网络应用程序无法在生产模式下运行

Question

我无法让 Firebase AppCheck 在具有 Firestore 和 Storage 的 Vue.js 项目上以生产模式工作。但它在开发中正常工作。

const appCheck: AppCheck = initializeAppCheck(firebaseApp, {
  provider: new ReCaptchaV3Provider(reCaptchaSiteKey),
  isTokenAutoRefreshEnabled: true,
});

getToken(appCheck)
  .then((result: AppCheckTokenResult) => {
    console.log(process.env.NODE_ENV);
    console.log(result.token);
  })
  .catch((e: FirebaseError) => {
    console.log(process.env.NODE_ENV);
    console.log(e.code + ": " + e.message);
  });

在开发模式下，使用vite，取回 token :

在生产模式，使用 firebase 服务，获取 appCheck/fecth-status-error:

Answer 1

这里是 Firebaser!

您收到的错误是由于 App Check 后端无法验证底层的 reCAPTCHA 证明。

要检查的事项:

• reCAPTCHA 是否提供了有效的证明，而不是以某种方式认为您的设备是机器人？
• 为该应用上传到 App Check 的站点 secret 是否与您在该应用中使用的客户端 ID 匹配？

如果您在开发构建中使用调试 token ，这可能解释了为什么它会成功。