반응형
DEV/REACTJS
-
ReactJS / CORS 문제 해결을 위한 npm http-proxy-middleware 사용DEV/REACTJS 2021. 11. 16. 00:25
React로 개발을 진행하다보면 서버와 프론트를 구분할때가 언젠가 온다. 서버는 Nodejs를 통해 구축해놓은 상태이며 프론트로 이제 React를 사용한다. 보통의 경우인지는 모르겠지만, local에서 개발을 진행할때 Nodejs의 경우에는 5000번의 포트를 자주 사용하는 듯 하고, Reactjs의 경우에는 3000번의 포트를 사용하는 듯하다. 코딩을 한 후, 결과물을 보기 위해선 서로 다른 터미널에 각각의 서버를 가동시켜줘야하는데 여기서 CORS 문제가 발생한다. (참고로 둘다 port의 값을 동일하게 지정해놓으면 문제가 없이 실행된다.) 우선 CORS란 Cross-Origin Resource Sharing 의 줄임말이고, 서로 기원이되는 리소스 공유 라고 해석해볼수 있다. 우선 이 내용은 어려우니 ..