Firebase Storage公开文件用Save to Drive按钮遇跨域问题，如何解决？

问题原因 #

你的CORS错误是因为Save to Drive按钮发起的请求携带了cache-control请求头，但当前Firebase Storage的CORS规则未明确允许这类请求头。你现有配置仅设置了允许的响应头（responseHeader），但未配置允许的请求头。

解决步骤 #

1. 更新CORS配置文件
   将你的cors.json修改为以下内容，新增requestHeader字段允许所有请求头：

   [
       {
         "origin": ["*"],
         "method": ["GET", "HEAD", "OPTIONS"],
         "responseHeader": ["*"],
         "requestHeader": ["*"],
         "maxAgeSeconds": 3600
       }
   ]
   

   如果你想更严格，也可以明确指定允许cache-control："requestHeader": ["cache-control"]，但使用*更适配各类请求场景。

2. 重新部署CORS规则
   使用Google Cloud的gsutil工具将配置应用到你的Firebase Storage存储桶：

   gsutil cors set cors.json gs://{你的存储桶名称}
   

   注意替换{你的存储桶名称}为实际的Firebase Storage桶名（可在Firebase控制台的Storage页面查看）。

3. 等待配置生效
   CORS规则更新后通常需要1-5分钟生效，之后再测试Save to Drive按钮。

额外验证点 #

• 确保Firebase Storage文件的公开链接有效，且访问令牌（token参数）未过期。
• 确认Save to Drive按钮的实现未修改默认请求头逻辑，若有自定义请求头需同步添加到CORS的requestHeader中。

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