firebase/身份验证错误 - Google Chrome M115+ 不再支持跨源重定向登录，并将于 2024 年 6 月 24 日停止工作

Question

我正在react.js中构建一个web应用程序并使用firebase通过电子邮件/密码方法登录，但是这个错误不会让我存储用户ID/密码。主要是它与CORS问题有关。 这是我的 firebase 配置代码。

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getAuth } from "firebase/auth";

// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional, 

HIDED the PERSONAL ID AND DATA

const firebaseConfig = {
  apiKey: "AIzaSyDw6105zrb-IhlcZxDa****************",
  authDomain: "netlfix-gpt******.web.app",
  projectId: "netlfix-gpt******",
  storageBucket: "netlfix-gpt*******.appspot.com",
  messagingSenderId: "9065506*******",
  appId: "1:906550651177:web:***************",
  measurementId: "G-HQ********"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

export const auth= getAuth();

Firebase.json 文件代码

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

Firebaserc 文件代码：

{
  "projects": {
    "default": "netlfix-gpt-*****"
  }
}

这是 firebase 文件代码。

我尝试过youtube、stackoverflow上给出的其他解决方案，但没有那么多答案，也阅读了firebase文档，但无法正确理解。

这是。文档 https://firebase.google.com/docs/auth/web/redirect-best-practices?hl=en&authuser=0

const firebaseConfig = {
  apiKey: "<api-key>",
  authDomain: "<the-domain-that-serves-your-app>",
  databaseURL: "<database-url>",
  projectId: "<project-id>",
  appId: "<app-id>"
};

这是抛出的错误

Google Chrome M115+ 不再支持跨源重定向登录，并将于 2024 年 6 月 24 日停止工作。 在 2024 年 6 月 24 日之前迁移到替代解决方案 最终用户可以在 2024 年 6 月 24 日之前继续登录您的应用 这在 Firefox 109+ 和 Safari 16.1+ 上已经是必需的

请帮忙，卡住了两周。

Answer 1

仅当您使用

signInWithRedirect

或类似内容时才会出现此错误。在这种情况下，您可以切换到使用

signInWithPopup

使用电子邮件和密码登录不应导致出现此情况。确保您启用了电子邮件/密码身份验证方法 - 如此处

所述