CORS(Cross-Origin Resource Sharing)

프론트와 백엔드를 연결하려고 할 때 주로 발생.

현재 도메인과 다른 도메인으로 리소스를 요청하는 경우

스크린샷 2024-06-12 오후 7.01.52.png

SOP(Same-Origin Policy) 보안 정책

자바스크립트 코드를 받아온 곳에서만 추가적으로 리소스를 요청할 수 있다.

스크린샷 2024-06-12 오후 7.03.34.png

따로 배포했을 경우, 처음 렌더링 시 my-service.com에서 리소스를 요청해서 렌더링한다.

그리고 이후 추가 리소스 요청 시에도 my-service.com에서만 가능하다.

그러나 백엔드 서버 따로 배포시 my-service-api.com에 추가 리소스를 요청하기 때문에 CORS error가 발생한다. 그러므로 해당 주소의 CORS를 허용해야 한다.

이것을 허용하는 라이브러리가 CORS