[React] CORS 에러 해결

CORS 에러 원인

api를 가져다 쓰는 데 api가 있는 서버의 주소와 api를 가져오는 클라이언트의 주소가 달랐기 때문

해결 방법

서버와 클라이언트 사이에 proxy를 둬서 해결 할 수 있다.

Webpack의 proxy 기능

Webpack에서는 Proxy 기능을 지원해 준다.
package.json 파일에 서버의 루트를 추가해주면 된다.

{
  "proxy": "api를 가져오고자 하는 서버의 루트 URL(http://xxx)"
}