React 와 Gin 연동하기 위한 프록시 설정

React와 Gin을 프록시로 연동하기 위해서 사용하는 방법입니다.

 

우선 리액트 작업 폴더에서 src 폴더 내부에

 

setupProxy.js 파일을 생성 해준 뒤

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(proxy('/api', { target: 'http://localhost:5000/' }));
  app.use(proxy('/*.svg', { target: 'http://localhost:5000/' }));
};

내부에 코드를 채워 넣습니다.

proxy 의 첫인자로는 경로를 적어주시고, 뒤에는 사용하실 프록시 서버 ( 저는 Gin ) 의 주소를 적어주시면 사용가능합니다.

 

후에 http://도메인/api 로 연결을 시도하면 해당 프록시 서버를 거치게됩니다.