React에서 proxy 여러개 필요할때

App.js 가 위치한 폴더에 setupProxy.js 파일을 하나 생성한다

 

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = app => {
  app.use (
      createProxyMiddleware ('/server', {
        target: 'http://localhost:8018',
        changeOrigin: true
      }),
      createProxyMiddleware ('/geoserver', {
        target: 'http://localhost:8085',
        changeOrigin: true
      })
  )
}

필요한 서버를 추가한다

 

내가 추가한건

8018 포트: 스프링부트 DB 연동 서버 (jar)

8085 포트: 지오서버 (Geoserver + Tomcat)

 

서버 요청시 url이 /server 로 시작하면 8081로 보내주고

/geoserver로 시작하면 8085로 보내준다.

 

근데 이건 개발할때나 쓰고...

배포할땐 또 다른 방법을 써야했다.