[React] Proxy서버 이용 + 사이드서버(Node.js) 이용하기
문제발생 개요 ) 멀쩡하게 돌아가던 데이터가 깃배포 이후 에러가 발생했다. WHY? SOP (Same Origin Policy, 동일 출처 정책)으로 인한 CORS 오류 발생이었다. SOP 정책이란? 자바스크립트 엔진 표준 스펙의 보안 규칙중, 하나의 출처 (Origin)에서 로드된 자원(문서나 스크립트)이 일치하지 않는 자원과 상호작용하지 못하도록 요청 발생을 제한하는 정책이다. 쉽게 말해, 본인의 경우 HTTPS 작업환경에서 HTTP 데이터를 끌어오려니 에러가 발생한 것이었다. 여기서 동일출처의 기준이란? Protocol, host, port 가 같아야 동일한 출처라 할 수 있다. ex. http(Protocol)//localhost(host):8000(port) 그렇다면 다른 출처의 리소스가 필요하..
React
2024. 4. 8. 15:05
