CORS이슈 Proxy로 해결하기

CORS: Cross-Origin Resource Sharing 이슈 해결하기

(참고 사이트: https://create-react-app.dev/docs/proxying-api-requests-in-development/)

1.터미널에서 proxy를 설치한다.

npm install http-proxy-middleware –save

2. src 디렉토리내에 setupProxy.js를 생성한 후, 모듈을 구현한다.

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

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:5000',
      changeOrigin: true,
    })
  );
};

• target에 포트번호는 response할 포트번호를 작성하면 된다.