前提(めちゃめちゃ重要) https://cloud.google.com/storage/docs/request-endpoints GCS に置いた画像を web サイトから参照する時はhttps://storage.cloud.google.com/バケット名/ファイル名こういうようなリンクではなく、https://storage.googleapis.com/バケット名/ファイル名のようなリクエスト用のエンドポイントを利用しましょう。 と書かれています。普通にこれを読んでなくて、エンドポイント間違えがちなので注意。 ということで、本題に参りましょう。 どういうエラーが出るか 画像のように GCS への HTTP リクエストが 『CORS エラー』 という謎のエラーによって拒否されています。 そもそも CORS とは とりあえず対処法だけを知りたい! という人はこの項目は読み飛ばし
![GCSでCORSの設定をする](https://cdn-ak-scissors.b.st-hatena.com/image/square/b441a4a7bd2d75623332dbcbfa4bb8d81553a3a5/height=288;version=1;width=512/https%3A%2F%2Fwww.yukendev.com%2F%2Fogp.png)