Google Storage CORS 문제 해결

크로스 오리진은 처음 전송되는 리소스의 도메인과 다른 도메인으로부터 리소스가 요청될 경우 해당 리소스는 cross-origin HTTP 요청에 의해 요청됩니다. 이때 같은 도메인 내에 있으면 별 문제가 안되지만, 다른 도메인에 요청 자료가 있을때는 CORS문제가 발생하게 됩니다.

참고 할 수 있는 자료들은 많이 있기에 링크로 넘어가기로 하고....

CORS 참고자료 : 

. https://developer.mozilla.org/ko/docs/Web/HTTP/Access_control_CORS

내가 사용하려던 google storage에서도 크로스 오리진 세팅을 해줘야 했다...

. https://cloud.google.com/storage/docs/cross-origin

위 구글 자료를 보면 설정 방법이 아주 쉽다.

아래 사진에 보이는 것처럼 구글 클라우드 쉘 버튼을 눌러준다.

쉘에서 vi를 통해 cors_setting.json파일을 하나 만든다. cors_setting명명은 알아서 편한데로!

구글 Doc에서 복사 붙여넣기 해서 자기가 필요한 값을 수정해 넣는다.

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

다 저장이 되었으면 아래 명령어를 통해 원하는 버킷에 셋팅한다.

gsutil cors set cors_setting.json gs://<your-bucket-name>

셋팅이 잘 되었는지는 아래 명령어로 확인하자!

gsutil cors get gs://<your-bucket-name>

끝.