CreateReactApp - 新 iframe 的 URL 非法

Question

我有一个使用 Redux 工具包/Firebase 构建的 CRA 应用程序并将其部署在 Vercel 上。单击 google auth 按钮后，您可以在此处的控制台中查看错误 - 部署的站点。 目前，该应用程序在本地主机上工作时出现零错误，即使是 google auth 也一切正常，但在我的 Vercel 托管网站上它会抛出此错误 -

我该如何解决这个问题？我不知道我做错了什么。 这是我的 firebaseconfig

firebase.initializeApp(firebaseConfig);
//export auth & db service
export const auth = firebase.auth();
export const firestore = firebase.firestore();
//google auth used below by setting provider
export const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({ prompt: "select_account" });

这是我的手柄点击-

  const handleSignInWithGoogle = async () => {
    auth
      .signInWithPopup(provider)
      .then((result) => {
        dispatch(
          userActions.login({
            userName: result.user.displayName,
            userEmail: result.user.email,
          })
        );
      })
      .then(() => {
        history.push("/profile");
      });
  };

Answer 1

抱歉给大家带来了麻烦 - 我修好了它，我太愚蠢了，在我检查日志后，我看到了我的“”api keyec efchfach“” 所以我从我的 vercel 环境变量中删除了“afaficagcfi”引号。不知道它会自动添加。

Answer 2

我使用 Vercel 并将我的身份验证域复制粘贴到其中，这给了它一个隐藏的换行符。如果您注意到，他们实际上会在文本旁边显示一个黄色的小换行图标。删除此修复了非法 URL 错误。