개발자의 삶/React

[React] CORS 이슈 - Proxy 이용하여 해결하기

toy project로 단순 게시판을 구현해보고 있다. (view - react + typescript, server - spring + jpa) 개발을 하다보면 자주 보이는 CORS 이슈. CORS란 무엇인가? 에러를 그대로 읽어보자면 http://localhost:3000 에서 (origin) http://localhost:8070/api/product 로 요청한 것이 CORS policy에 의해 막혔다는 말이다. CORS 이슈를 해결하기 위한 많은 방법이 있지만 이번에는 Proxy 를 이용한 방법을 써보기로 했다. 우선 http-proxy-middleware 를 설치해준다. $ npm install http-proxy-middleware --save $ # or $ yarn add http-prox..