AWS S3에서 CORS 에러 발생할 때 (from origin ... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource..)

1. 에러 내용

Access to Font at 'http://[오리진1의파일URL]' from origin '[오리진2]' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '[오리진2]' is therefore not allowed access.

 

2. 기본 설정

<!-- Sample policy -->
<CORSConfiguration>
        <CORSRule>
                <AllowedOrigin>*</AllowedOrigin>
                <AllowedMethod>GET</AllowedMethod>
                <MaxAgeSeconds>3000</MaxAgeSeconds>
                <AllowedHeader>Authorization</AllowedHeader>
        </CORSRule>
</CORSConfiguration>

 

3. 설정 수정

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
        <CORSRule>
                <AllowedOrigin>[오리진2]</AllowedOrigin>
                <AllowedMethod>GET</AllowedMethod>
                <MaxAgeSeconds>3000</MaxAgeSeconds>
                <AllowedHeader>*</AllowedHeader>
        </CORSRule>
</CORSConfiguration>

 

4. 참고 링크

https://docs.aws.amazon.com/ko_kr/AmazonS3/latest/dev/cors.html