CORS
-
React CORS 처리Computer Science/React 2022. 8. 1. 23:19
교차 출처 리소스 공유(Cross-Origin Resource Sharing)은 한 출처에서 실행 중인 웹 application이 다른 출처의 자원에 접근할 수 있는 권한을 추가 http 헤더를 이용하여 알려주는 체제이다. XMLHttpRequest 와 Fetch API는 동일 출처 정책을 따르기에 이부분을 염두해두어야한다. 해결방법. 중간에 프록시서버를 두면 되지만 react는 간단하게 해결이 가능하다. package.json에 "proxy" : "http://~" 를 적용시키고 해당 url을 사용하는 fetch api에서 url의 호스트를 지워준뒤 사용하면 된다. "http://~/test" -> "/test" 만약 여러 경로를 사용해야 하는 경우. npm install http-proxy-middl..