프론트엔드에서 CORS 에러 해결하기

Khan·2022년 7월 24일
0

에러 해결

목록 보기
1/2
post-thumbnail
post-custom-banner

해결방법

http-proxy-middleware 사용

  1. npm install http-proxy-middleware
  2. src 폴더안에 ( /src/setupProxy.js )
  3. 밑에 처럼 설정
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
  app.use(
    '/api', //context
    createProxyMiddleware({
      target: process.env.REACT_APP_BASE_URL, // 대상 호스트 (target)
      changeOrigin: true, // 가상 호스팅 사이트에 필요 (target) 
    }),
  );
};

0개의 댓글