amazon-s3 - Rails ActiveStorage 的谷歌云存储 CORS 问题

Question

我已经使用 gsutil 为我的存储桶设置了 CORS，我认为它应该可以工作，但我还没有解决“请求的资源上不存在‘Access-Control-Allow-Origin’ header ”错误。

这是我的 cors json:

[
  {
    "origin": [
      "*"
    ],
    "responseHeader": [
      "Content-Type",
      "Content-MD5"
    ],
    "method": [
      "PUT",
      "POST",
      "GET",
      "HEAD",
      "DELETE",
      "OPTIONS"
    ],
    "maxAgeSeconds": 3600
  }
]

我已确认这确实已设置:

gsutil cors get gs://mah-bucket
[{"maxAgeSeconds": 3600, "method": ["PUT", "POST", "GET", "HEAD", "DELETE", "OPTIONS"], "origin": ["*"], "responseHeader": ["Content-Type", "Content-MD5"]}]

这些是失败请求的临时 header :

Content-MD5: Ug6Qj+DozqmniNxTXOYnDA==
Content-Type: application/vnd.openxmlformats-officedocument.wordprocessingml.document
Origin: https://subdomain.example.com
Referer: https://subdomain.example.com/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

我已经听从了这里的建议:https://github.com/rails/rails/issues/31523

我也尝试了一个全新的隐身窗口，因此它不会缓存之前飞行前请求的任何内容。

更新:我已经将问题缩小到使用 google 服务的 ActiveStorage 的边缘情况。普通文件上传表单适用于 Amazon S3 和 Google GCS 服务。使用 ActiveStorage DirectUploadController 上传js 适用于 Amazon，但不适用于 Google。

除了服务之间的一些身份验证差异外，每种情况下发出的请求都是相同的，但是对飞行前请求的响应是不同的。这是 S3 飞行前请求响应:

Access-Control-Allow-Headers: content-md5, content-type
Access-Control-Allow-Methods: PUT, POST, GET, HEAD
Access-Control-Allow-Origin: *
Access-Control-Max-Age: 3600
Content-Length: 0
Date: Tue, 24 Jul 2018 22:32:51 GMT
Server: AmazonS3
Vary: Origin, Access-Control-Request-Headers, Access-Control-Request-Method
x-amz-id-2: xxx/x/xxx
x-amz-request-id: xxx

这是 GCS 飞行前请求响应:

access-control-allow-headers: Content-Type,Content-MD5
access-control-allow-methods: PUT,POST,GET,HEAD,DELETE,OPTIONS
access-control-allow-origin: *
access-control-max-age: 3600
alt-svc: quic=":443"; ma=2592000; v="44,43,39,35"
cache-control: private, max-age=0
content-length: 0
content-type: text/html; charset=UTF-8
date: Tue, 24 Jul 2018 22:43:25 GMT
expires: Tue, 24 Jul 2018 22:43:25 GMT
server: UploadServer
status: 200
x-guploader-uploadid: xxx-xxx

尽管看起来很愚蠢，但这似乎是一个区分大小写的问题。

Answer 1

如果有人仍然被这个问题困扰，那就是缺少 CORS 配置Origin 和 Content-Disposition 响应 header 。至少对我来说是这样。

因此，配置应该如下:

[
  {
    "origin": ["https://www.example.com"],
    "method": ["PUT"],
    "responseHeader": ["Origin", "Content-Type", "Content-MD5", "Content-Disposition"],
    "maxAgeSeconds": 3600
  }
]

来源:https://guides.rubyonrails.org/active_storage_overview.html#example-google-cloud-storage-cors-configuration