[AWS S3]S3 CORS 오류 해결

CORS 오류

Access to fetch at '...' from origin '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

위의 오류가 뜨는 경우 S3 에서 CORS 설정을 해줘야 함

 

---

설정 방법

1. Amazon 로그인

 

2. S3 > 버킷 > 권한 탭 클릭

 

 

3. 스크롤을 내려 CORS > 편집 클릭

 

4. 설정 해준 뒤 변경 사항 저장 클릭

CORS 구성은 JSON 형식으로 해야함(XML 형식 X)

[
  {
    "AllowedHeaders": [
      "*"
    ],
    "AllowedMethods": [
      "GET",
      "HEAD"
    ],
    "AllowedOrigins": [
      "*"
    ],
    "ExposeHeaders": [
      "x-amz-server-side-encryption",
      "x-amz-request-id",
      "x-amz-id-2"
    ],
    "MaxAgeSeconds": 3000
  }
]

---

참고 자료 : https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/cors.html

CORS(Cross-Origin Resource Sharing) - AWS SDK for JavaScript