Firebase可调用函数URL含undefined引发CORS错误，如何修复？

你的问题根源是Firebase配置里的占位符[project-id]没有替换为实际的项目ID，导致函数在生成请求URL时无法正确识别项目ID，进而出现undefined，最终触发CORS相关错误（本质是请求URL无效）。以下是具体解决步骤：

• 替换配置中的占位符：打开你的Firebase项目控制台，进入项目设置页面，找到"SDK设置和配置"部分，复制完整的Web应用配置代码，替换你当前代码中的config对象。确保authDomain、databaseURL、storageBucket里的[project-id]都替换成你项目的真实ID。
  正确的配置示例：

  var config = {
      apiKey: "你的实际apiKey",
      authDomain: "my-real-project-id.firebaseapp.com",
      databaseURL: "https://my-real-project-id.firebaseio.com",
      storageBucket: "my-real-project-id.appspot.com",
      // 部分SDK版本需显式指定projectId，避免推导失败
      projectId: "my-real-project-id"
  };
  

• 显式添加projectId字段：部分Firebase SDK版本中，仅靠其他字段无法自动推导项目ID，建议在config中直接添加projectId字段，值为你的项目真实ID。
• 验证配置正确性：修改后刷新页面，在控制台打印app.options，检查projectId是否为真实值，而非undefined。
• 重新测试：修改配置并部署前端代码后，再次触发函数调用，此时请求URL应该会正确包含你的项目ID，CORS错误也会随之消失（因为请求目标变为有效地址）。

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