cors2 CORS(Cross-Origin Resource Sharing) 문제 해결하기 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) 추가 HTTP 헤더를 사용하여, 실행 중인 웹 애플리케이션이 다른 출처(Origin)에 존재하는 리소스에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 웹 애플리케이션은 리소스가 자신의 Origin(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행한다. 예시: 프론트 엔드(https://domain-a.com)의 JavaScript 코드가 XMLHttpRequest를 사용하여 https://domain-b.com/data.json을 요청하는 경우, 보안 상의 이유로 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한한다. 예를 들어, XMLHttpRequest와 Fet.. 2022. 1. 6. [React.js] Cross Domain 이슈 해결하기 동일 출처 정책(same-origin policy) 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용을 하는 것을 제한하는 중요한 보안 방식 동일한 출처 간의 호출만 허용 동일한 출처 : 두 URL의 프로토콜, 포트(명시한 경우), 호스트가 모두 같은 경우 URL1 URL2 결과 이유 http://store.company.com/dir/page.html http://store.company.com/dir2/other.html O 경로만 다름 http://store.company.com/dir/inner/another.html O 경로만 다름 https://store.company.com/secure.html X 프로토콜 다름 http://store.company.com:81/.. 2021. 3. 15. 이전 1 다음 반응형