gincheong / Memo

개발 관련 내용들을 메모하기 위한 용도로 만든 빈 레포지토리입니다.
0 stars 0 forks source link

http-proxy-middleware 사용 #27

Open gincheong opened 3 years ago

gincheong commented 3 years ago

로컬에서 클라이언트와 서버를 각각 만들어 사용하려고 할 때, cors 에러 때문에 서버에서 오류를 가져올 수 없었다.

그럴 때 proxy를 사용하여 회피하는 방법

// src/setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = app => {
  app.use(
    '/api', // /api로 보내는 요청을
    createProxyMiddleware({
      target: 'http://localhost:8000', // 이 주소로 보내버림
      changeOrigin: true,
    })
  );
};