[React] CORS 이슈, Proxy 설정

CORS 이슈를 다루는 방법은 여러가지가 있음

개발자도구 이용, 프론트부분만 고칠 수 있다면 모든 리퀘스트를 get으로 변경하는 방법들이 있지만 제한적임

그래서 사용하는 방법 중 하나가 Proxy를 이용하는 것

 

npm install http-proxy-middleware --save

모듈 설치 후 setsupProxy.js 파일을 만들어줘야 함

// src/setupProxy.js

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

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

파일을 만들어주면 요청을 잘 주고 받을 수 있음!