React와 CORS 그리고 PROXY
목차1. CORS 에러2. Proxy서버로 우회하는 방법3. express 로 프록시 서버 만들기4. React에 적용해보기5. package.json 을 사용한 프록시 설정6. CRA의 setupProxy.js 를 사용하기1. CORS 에러많은분들이 익히 알고있겠지만 빠르게 그 원인에 대해서만 정리하면 다음과 같다 웹 어플리케이션에서 다른 도메인 또는 포트로 부터 리소스를 요청할 때 발생하는 보안 메커니즘인데, 웹 어플리케이션은보안 상의 이유로 스크립트에서 동일 출처 정책(Same Origin Policy)을 따르게 되어있다.동일 출처 정책은 웹 페이지가 다른 도메인, 포트, 프로토콜로 부터 리소스를 요청할 때 제한을 두는 보안 메커니즘이다. CORS는 클라이언트에서 발생한다. 따라서 웹 브라우저는 보..
■ 프론트엔드 ■/React
2022. 12. 7. 14:03