ブラウザからGCSからファイルをダウンロードしようとして、CORSエラーが出た場合の対応 #GoogleCloud

解決方法

ブラウザからGCSのファイルをDLする場合には、対象バケットにCORS設定を追加する必要がある。

やりかた

URLをorigin指定したjsonを記載した設定ファイルを作る。

cors-config.json

[
    {
      "origin": ["http://example.appspot.com"],
      "responseHeader": ["Content-Type"],
      "method": ["GET", "HEAD", "DELETE"],
      "maxAgeSeconds": 3600
    }
]

対象バケットに向けてgsutilコマンドを実行

gsutil cors set cors-config.json gs://example-bucket

以下コマンドでcors設定が確認できる

gsutil cors get gs://example-bucket

参考: https://cloud.google.com/storage/docs/configuring-cors