React) Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/

프론트단의 3000번대 포트를 백엔드단의 5000번으로 전달해주는 Proxy를 함에 있어서 나타난 오류.

 

문제

터미널에서 아래 문구가 있고

[HPM] Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ [ECONNREFUSEFUSED] (https://nodejs.org/api/errors.html#errors_common_system_errors)

 

브라우저에서는 아래 오류가 있는 상황 

 

해결 - 1) 터미널 split해서 서버들 켜주기 

7번째줄에 밑줄 그어진 부분 없애줘서 index.js 속 엔드포인트와 일치시키는건 당근 해줘야 할 일

... 를 하면 인강에서는 바로 해결이 되었는데, 나는 계속 오류가 있다. 

정말 흐름 몇 번이고 다시 보고, 혹시 철자 틀린게 있는지 다시 보고 다시 보고, 결국 오류 문장 구글링 하다가 'node 버전을 업데이트 시키니 되었다' 까지의 글까지 접해보며 도대체 어떻게 해결해야하지!? 했는데 

 

서버를 다시(!) 키니 되었다. 

- 근데 오류 해결하려고 서버 몇 번이고 다시 시작해봤었는데 .... 근데 그때는 백엔드 먼저 키고, 프론트 키고 순서로 해주었는데 터미널부터 split 해서 다시 서버 켜주니 되었다. (이게 상관 관계가 있는지 모르겠지만, 생각해보니 인강에서도 터미널을 분리해주긴 했었다.)

 

추가 보충 내용

해결 - 2) concurrently 라이브러리 사용해주기

터미널을 split해주는게 맞음

하나의 터미널에서 사용하기 위해서는 concurrently 라이브러리를 사용해서 (npm install concurrently --save) josn에 다음과 같이 코드를 넣어줘서는 npm run dev를 하는 것임

"dev" : "concureently \"npm run backend\" \"npm run start --prefix client\""

 

---