[draft] CloudFront에서 CORS 오류 해결 방법

CloudFront에서 CORS 오류 해결 방법

1. S3 버킷 CORS 설정

S3 버킷에 대해 올바른 CORS 설정을 추가합니다.

Amazon_S3

• JSON 파일

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

2. CloudFront 배포 설정

오리진 서버가 CORS 헤더를 반환하도록 설정되면 CloudFront 배포에 CORS 정책을 추가해야 합니다.

 

• CORS-S3Origin : Amazon S3 버킷에서 호스팅되는 리소스에만 액세스를 허용합니다.

CloudFront > 배포 > CloudFront_ID > 동작 편집

 

Amazon_CloudFront

 

CloudFront와 S3 버킷 간의 CORS 오류를 해결할 수 있습니다.