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

유클리드소프트님의 프로필 이미지
유클리드소프트

작성한 질문수

이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)

axios 이용해서 백엔드로 이미지 전송하기

프록시 관련 질문

작성

·

42

0

안녕하세요 강사님,

proxy 설정을 하면 이렇게 오류가 뜨면서 서버 시작이 안돼요.
프록시 부분을 지우면 잘 작동하는데
어디가 잘못된걸까요?

image.pngimage.png

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 유클리드소프트님.

프록시 설정 문제로 인해 발생한 오류에 대해 답변드리겠습니다.

프록시 설정 후 오류가 발생하는 경우는 여러 가지 원인이 있을 수 있습니다. 가장 흔한 이유는 Webpack Dev Server 설정과의 충돌 또는 잘못된 proxy 설정입니다.

가능한 해결 방법

1. package.json의 Proxy 설정 확인

직접적인 설정 방법에 문제가 없더라도, 기본적인 설정을 다시 확인해 볼 필요가 있습니다.

"proxy": "http://localhost:5000"

위 설정이 정상적으로 적용되어 있다면, 다른 문제를 체크해보아야 합니다.

2. Webpack 설정 확인

Webpack Dev Server의 설정 문제일 수 있습니다. 주로 allowedHosts 설정이 잘못되었을 가능성이 있습니다. 설정을 확인해보세요.

예시:

module.exports = {
  devServer: {
    allowedHosts: [
      'localhost',
    ],
  },
};

3. CORS 설정 확인

서버 측에서 CORS 문제로 인해 프록시 문제가 발생할 수 있습니다. 서버 쪽의 CORS 정책을 점검해보세요.

예시:

// Node.js Express 서버 설정 예시
const cors = require('cors');
app.use(cors({
  origin: 'http://localhost:3000',
  credentials: true,
}));

유사한 질문과 답변

아래는 유사한 질문과 그 해결책이 담긴 링크입니다. 도움이 될 수 있으니 참고하세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

유클리드소프트님의 프로필 이미지
유클리드소프트

작성한 질문수

질문하기