CORS

<aside> 🕶️

설명

• 브라우저에서 보안적인 이유로 cross-origin HTTP 요청들을 제한, 즉 다른 Origin 간에 요청을 하려면 서버의 동의가 필요하게 되는데 이를 허락하고 거절하는 매커니즘이 HTTP-header를 이용, 이를 CORS(Cross-Origin Resource Sharing)라 칭함
• Same origin
  • http://example.com/app1 == http://example.com/app2
    • 포트, 프로토콜, 호스트가 같을 떄
• Different origin
  • http://example.com/​​app1 == http://other.com/app2 </aside>

<aside> 🚊

Origin이란

• Origin 구성
  • scheme : https
  • host : ssup2.com
  • port : 443

요청 처리 과정

1. 웹 브라우저가 Origin에 방문한 경우 Origin으로부터 다른 Origin으로 요청을 보낼 것을 요청
2. 웹 브라우저는 Cross Origindp Preflight(options) 요청을 먼저 보냄
3. Cross Origin은 Preflight Response를 응답
4. 해당 응답에서 Access-Control-Allow-Origin에 Cross Origin 호스트가 포함되어 있으면 웹 브라우저는 Cross Origin에 다시 요청을 보낼 수 있음 </aside>

<aside> 📔

S3 CORS 사용

• 클라이언트가 서로 다른 S3 버킷에 교차 출처 요청을 보낸다면 CORS 헤더를 활성화 해야함 </aside>