인프런 커뮤니티 질문&답변

Seung Eon Kim님의 프로필 이미지
Seung Eon Kim

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #22 CORS 이슈, Proxy 설정

[참고] Error : Proxy is not a function

작성

·

2.6K

7

Create-react-app.dev 의 "configuring the proxy manually" 방식을 적용하면 실행시 "Proxy is not a function" 에러가 발생합니다. 

Npm 의 "http-proxy-middleware" 를 확인해 보니 require 시 라이브러리 내 { createProxyMiddleware } 를 사용하고 있습니다. 

실행해 보면 동영상에서는 Proxy 를 사용해 Object 를 받았지만 createProxyMiddleware 를 사용하면 서버에서 Send 한 문자만  전달되네요.  

답변 2

26

John Ahn님의 프로필 이미지
John Ahn
지식공유자

아 확인해보니깐     http-proxy-middleware가   버전업이 되서 쓰는 법이 바뀌었네요 ~!!! 
좋은 정보 감사합니다 ~!!! 

이것에서 

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

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

이걸로

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

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

바꿔주시면 에러가 없어집니다 ^^ 

0

왜인지 모르겠지만 지금(4월 2일, 2021년) 컬리 브라켓이 있으면 not a function 에러가 발생해서 없앤 채로 해야 작동합니다. 
왜 그런지 이유가 궁금한데 찾지는 못했습니다. 표준이 또 바뀐건지...?
다 최신 버전이라 버전 문제는 아닌 것 같은데.. 

Seung Eon Kim님의 프로필 이미지
Seung Eon Kim

작성한 질문수

질문하기