[Cloud Storage] 버킷에 CORS를 적용할 수 있다고?

 

Signed URL 발급 절차를 통해 이미지 업로드 하는 로직이 있는데, 클라이언트와 통신 하는 과정에서 CORS 가 발생하여 문의가 왔다.

 

코드, gcloud cli, RestAPI으로 설정할 수 있는데 (Cloud Console에서는 불가) 나는 gcloud cli로 빠르게 설정하였다.

먼저 설정할수 있는 필드를 알아보자.

 

https://cloud.google.com/storage/docs/cross-origin?hl=ko#cors-components

 

그 다음 cors.json 파일을 하나 만들어서 설정 값들을 세팅하고 파일을 업로드 하자.

 

 

 

내가 설정한 Json 예시

[
    {
      "origin": ["https://localhost:3000", "https://www.test.com"],
      "method": ["GET", "PUT", "POST", "DELETE", "OPTIONS"],
      "responseHeader": ["Content-Type", "Access-Control-Allow-Origin", "x-goog-content-length-range"],
      "maxAgeSeconds": 3600
    }
]

 

 

정상적으로 파일 업로드가 완료 되었으면 아래 명령어로 CORS 적용.

gcloud storage buckets update gs://BUCKET_NAME --cors-file=CORS_CONFIG_FILE

 

 

이 후 정상적으로 세팅 되었는지 확인.

gcloud storage buckets describe gs://BUCKET_NAME --format="default(cors_config)"

 

 

이렇게 하면 간단하게 Cloud Bucket의 CORS를 적용할 수 있다.

궁금한 사항 있으시면 댓글 남겨주세요!