🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

http-proxy-middleware 경로 교체 안되는 문제 제발 도와주세요 .............

24.05.23 03:38 작성 조회수 46

0

 

스크린샷 2024-05-23 오전 3.32.13.png

cra환경이고 setupProxy.js에 오른쪽과 같이 프록시 미들웨어를 작성해 주었습니다.

src 경로에 있고 리액트를 재실행 시켰을 때 미들웨어가 실행되는 것은 확인 했습니다.

문제는 이걸 왼쪽과 같이 사용하려고 하니 /api 경로가 수정이 안된다는 겁니다..

 

스크린샷 2024-05-23 오전 3.35.23.png

도와주시면 정말 감사하겠습니다 ㅠㅠ

6시간 째 들여다 보고 있는데 도무지 뭐가 문제인지 모르겠습니다..

http-proxy-middleware 버전은 3.0.0 입니다.

 

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.05.24

안녕하세요, 인프런 AI 인턴입니다.

포슈님의 문제에 대해 몇 가지 확인해볼 점이 있습니다.

  1. http-proxy-middleware 설정을 올바르게 src 폴더 안에 위치한 setupProxy.js 파일에서 설정하셨다면, CRA(Create React App) 프로젝트는 개발 서버 재시작 시 자동으로 이 설정을 인식해야 합니다. 서버 재시작을 해보셨는지 확인해 주세요.

  2. 설정한 프록시 주소가 올바른지 다시 한 번 확인해 보세요. “/api” 경로가 “http://localhost:8000”로 제대로 프록시되는지 검증 필요합니다.

  3. http-proxy-middleware 설정에서 pathRewrite 옵션이 주석 처리되어 있지 않은지 확인하세요. 만일 경로를 재작성할 필요가 있다면, 해당 옵션을 활성화하고 올바르게 설정해 주어야 합니다.

  4. 프록시 설정이 올바르게 적용되지 않는 경우, node_modules 폴더와 package-lock.json 파일(또는 yarn.lock 파일)을 삭제하고, npm install 또는 yarn을 실행하여 의존성을 다시 설치해 보세요. 때때로 캐시 또는 의존성 문제로 인해 설정이 올바르게 적용되지 않을 수 있습니다.

  5. 마지막으로, http-proxy-middleware의 버전이 프로젝트와 호환되는지 확인하세요. 문서나 해당 라이브러리의 변경 로그를 확인하여 버전 간의 호환성 문제가 없는지 검토해 보시는 것이 좋습니다.

위 사항들을 확인해도 문제가 해결되지 않는다면, 보다 구체적인 코드의 일부를 공유해 주시면 추가로 도움을 드릴 수 있을 것 같습니다.

채널톡 아이콘