从Retool上传文件到GCP Cloud Storage遇CORS报错如何解决？

1. 修正CORS配置 #

你当前的CORS配置仅允许了Content-Type响应头，Retool上传GCS时会携带GCS专属请求头，需要调整配置：

• 修改cors.json内容如下：

[
  {
    "origin": ["https://myorigin.retool.com"],
    "method": ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
    "responseHeader": ["Content-Type", "x-goog-meta-*", "Authorization"],
    "maxAgeSeconds": 3600
  }
]

• 重新应用配置：gsutil cors set cors.json gs://mybucket-bc123.appspot.com
• 验证配置是否生效：执行gsutil cors get gs://mybucket-bc123.appspot.com确认返回内容和配置一致，配置生效最多需要等待几分钟，建议清除浏览器缓存后再测试上传。

2. 排查存储桶权限配置 #

你使用的是细粒度访问控制模式，需要确认：

• Retool中配置GCS资源时使用的服务账号，对目标存储桶拥有storage.objects.create、storage.objects.get权限，建议直接分配Storage Object Creator预定义角色
• 关闭存储桶公共访问阻止规则中与上传相关的限制，测试阶段可以临时放开公共访问限制验证是否是权限导致的问题
• 确认存储桶没有设置对象级别的权限拦截规则

3. 调整Retool端上传逻辑 #

如果上述配置都正确仍上传失败，可以调整上传逻辑：

• 不要直接用Retool默认的GCS上传组件，改为先调用GCS的生成签名URL接口，拿到签名URL后再用PUT请求上传文件到该地址
• 检查上传文件的大小，如果超过50MB建议开启分片上传，避免单次请求超时导致失败

内容的提问来源于stack exchange，提问作者Super Kai - Kazuya Ito