Requtes failed whth status code 504 m AxiosError , ERR_BAD_RESPONSE

 

 

 

 

문제 상황

node.js Express 서버단에서 router를 사용해 api 요청 라우터들을 효율적으로 관리하려고 파일을 나누자, 프론트에서 보낸 axios 요청을 제대로 받아오지 못하는 문제가 생겼다.

 

원인 파악

수없이 많은 okky와 스택오버플로우를 참고했는데.. 딱히 아무것도 도움이 되지 않았다;.. 이번에는 오타 문제도 없고, axios버전 문제도 아니었지만 혹시나 싶어서 client에서 npm install axios --save를 해 버전도 업데이트 해 보았지만 그대로였음..

 

해결 방법

app.use('api/user', require('./routes/user')) 부분을 server.js 최하단부에 두었다.

 

server.js에서 라우터 미들웨어를 가져와 사용하는 요청 문구를 상단 중반부쯤에 두었는데, 혹시나 하여 맨 아래로 옮기자.. 말끔하게 해결되었다. app.use 라우터 문장은 아래쪽에 있는 편이 나은 듯 하다.. (사진에서 app.use(router) 밑에 있는 문장(예외 처리 문장들)들은 원래도 맽 밑에 있었음.)