더북(TheBook)

21.1.1 프록시 설정

 

이때는 webpack의 프록시(proxy) 기능을 사용하면 개발 서버로 들어온 요청을 백엔드 서버에 전달하고, 응답을 그대로 반환할 수 있습니다.

▲ 그림 21-1 webpack 개발 서버 프록시 기능

 

프록시는 webpack에서 설정할 수 있습니다.

create-react-app으로 만든 프로젝트라면 package.json에 명시하면 됩니다. package.json 파일을 열어 마지막 부분에 다음과 같이 코드를 입력해 주세요.

package.json

{
  (...)
  “proxy”: “http://localhost:4000”
}

 

이제 webpack 개발 서버로 REST API를 요청하면 프록시를 이용하여 백엔드 서버로 요청하고, 응답도 받습니다. 프록시를 설정한 후에는 개발 서버를 다시 시작해야 적용됩니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.