교차 출처 리소스 공유(CORS) 문제

CORS(Cross-Origin Resource Sharing)

한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록, 브라우저에 알려주는 체제

CORS 에러

한 출처에서 다른 출처의 리소스 수신을 요청하여 수신할 때, 브라우저에서 이를 허용하지 않아서 발생하는 에러

발생 원인 및 해결

브라우저가 같은 출처끼리만 자원을 공유할 수 있도록 하는 SOP 정책을 따르기 때문에 발생한다.

이는 신뢰할 수 없는 리소스를 수신하는 것을 예방하기 위함이다.

Access-Control-Allow-Origin 설정을 통해 수신 권한을 부여해서 해결할 수 있다.

 

더 자세한 사항은...

https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F

[WEB] 📚 CORS 개념 💯 완벽 정리 & 해결 방법 👏