S3 CORS 구성

(https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/cors.html)

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

 

 

 

 

S3에 저장해놓은 비디오, 이미지를 로드하고 이용할 때 CORS 문제가 발생할 때가 있다.

다음 페이지에 들어가서 CORS 구성을 손 보면 된다.

 

현재 설정은 모든(*) 경로의 GET의 명령을 허용해주겠다고 구성했다.

<CORSConfiguration>
	<CORSRule>
		<AllowedOrigin>*</AllowedOrigin>
		<AllowedMethod>GET</AllowedMethod>
		<MaxAgeSeconds>3000</MaxAgeSeconds>
		<AllowedHeader>Authorization</AllowedHeader>
	</CORSRule>
</CORSConfiguration>

 

 

다음은 AWS에서 제공한 공식 문서의 예시입니다.

origin에 따라 허용하는 메서드와 헤더를 다르게 구성하는 것을 볼 수 있습니다.

 

<CORSConfiguration>
 <CORSRule>
   <AllowedOrigin>http://www.example1.com</AllowedOrigin>

   <AllowedMethod>PUT</AllowedMethod>
   <AllowedMethod>POST</AllowedMethod>
   <AllowedMethod>DELETE</AllowedMethod>

   <AllowedHeader>*</AllowedHeader>
 </CORSRule>
 <CORSRule>
   <AllowedOrigin>http://www.example2.com</AllowedOrigin>

   <AllowedMethod>PUT</AllowedMethod>
   <AllowedMethod>POST</AllowedMethod>
   <AllowedMethod>DELETE</AllowedMethod>

   <AllowedHeader>*</AllowedHeader>
 </CORSRule>
 <CORSRule>
   <AllowedOrigin>*</AllowedOrigin>
   <AllowedMethod>GET</AllowedMethod>
 </CORSRule>
</CORSConfiguration>