[Tip] react-scripts version 2.0 이상 - Proxy 설정

 개발을 하다가 난관에 부딪혔다. 프록시 설정이 자꾸 안되어서 삽집을 했는데

 

알고보니 2.0 이상 버전은 설정을 다르게 해야한다고 한다. 

 

 

 

2.0버전 이상인 경우 http-proxy-middleware를 설치하여 setupProxy.js 파일을 통해 Proxy를 설정한다.

 

우선

or

를 사용하여 middleware를 설치한다.

 

이후 client/src에 setupProxy.js 파일을 만들고, 

 

아래의 소스를 복붙한다.

## "/api"는 api로 시작하는 모든 경로에 대해 redirect 하는 것.

 

이렇게 설정하면 프록시 설정이 완료 된다.

 

그리고 주의해야 할 점은 client/package.json에 proxy 설정이 있으면 안된다.

 

"proxy": "http://localhost:5000"이 있다면 지우고 실행하면 된다.