在既有 Cloud Storage Bucket 上加入 CORS 設定

 

前言 

當 Javascript 在存取資源的時候, 瀏覽器會禁止非同源的請求, 除非 Server 上有 CORS  設定讓瀏覽器知道哪些請求是可以允許被發送的

如何在 既有 Cloud Storage Bucket 上加入 CORS 設定 (以下使用 Terraform  來做設定)

假設 Cloud Storage 上有個非 Terraform 建立的 Bucket

  

首先, 建立資源描述

resource "google_storage_bucket" "andytest123" {

  name          = "andytest123"

  location      = "US"

}

Step 2. 把既有的資源設定從雲上讀下來

terraform import google_storage_bucket.image-store andy-prj/andytest123

Step 3. 補上 CORS 設定

resource "google_storage_bucket" "andytest123" {

  name          = "andytest123"

  location      = "US"

  cors {

    origin          = ["http://localhost:3000",

    "https://web-stage.uc.r.appspot.com",

    "https://web.uc.r.appspot.com"

    ]

    method          = ["GET"]

    response_header = ["*"]

    max_age_seconds = 3600

  }

}