React项目中Firebase认证出现auth/network-request-failed错误求助

• 检查Firebase项目的授权域名
  Firebase Auth默认仅允许授权域名发起认证请求，哪怕本地网络正常，当前项目的运行域名（比如localhost:3000）如果没添加到Firebase控制台的授权列表，就会触发这类网络错误。
  操作路径：Firebase控制台 → 目标项目 → 认证模块 → 登录方法 → 找到「授权域名」板块 → 添加当前项目的运行域名。

• 核对Firebase配置准确性
  即便其他项目SDK可用，当前项目的Firebase配置（apiKey、authDomain等字段）仍可能存在复制错误。检查项目中firebase.js或配置文件里的authDomain是否与Firebase控制台显示的完全一致，避免字符遗漏、域名拼写错误。

• 排查本地开发的CORS问题
  本地开发时，代理设置或特殊开发服务器配置可能引发CORS异常：

  • 关闭浏览器的CORS插件（部分插件会干扰正常请求流程）
  • 改用Firebase CLI的firebase serve命令启动项目，替代React默认的npm start，测试请求是否恢复正常。

• 清除浏览器缓存与本地存储
  浏览器缓存的旧Firebase Auth会话可能导致请求异常。打开浏览器开发者工具 → 「应用」标签 → 清除存储，重启项目后再次测试。

• 验证依赖版本兼容性
  当前项目的firebase/auth版本可能与其他项目不一致，或与React Router版本存在冲突。尝试将当前项目的Firebase依赖版本修改为正常项目的版本号，执行npm install后重新测试。

• 查看网络请求详情
  打开浏览器开发者工具 → 「网络」标签，点击登录/注册按钮，观察https://identitytoolkit.googleapis.com/相关请求的状态码与响应内容，可定位更具体的问题（如请求被拦截、DNS解析失败等）。

若以上步骤未解决问题，可提供Firebase配置代码、登录/注册函数的实现代码，方便进一步排查。

内容的提问来源于stack exchange，提问作者Param