react에서 axios 사용 시 404에러 해결 방법

react에서 axios를 이용해 nest 서버로 요청을 보냈는데

난데없이 404 에러가 발생했다.

 

404 에러는 클라이언트인 리액트가 요청한 페이지를

찾을 수 없을 때 발생하는 에러이고,

내 경우는 URL을 잘못 기입해서 발생했다.

 

지금 진행중인 프로젝트를 위해서

테스트용 백엔드 서버인 nest 서버를 개발했고

실제 서버인 스프링 부트 서버를 팀원들이 개발중이다.

 

그런데 테스트용 서버가 실제 서버보다 먼저 만들어졌기 때문에

부득이 서버에 데이터를 요청하는 URL이 테스트 서버와 실제 서버에서 달랐고,

해당 부분을 조금씩 수정해나가고 있는 상황이다.

 

지금 nest 서버에서는 /feed 경로로 get 요청을 해야

정상적으로 데이터를 반환해줄 수 있는데

react 앱에서 /sns 경로로 get 요청을 하도록

코드를 작성해둔 상태였기 때문에 오류가 발생했고

해당 부분을 수정함으로써 오류를 해결할 수 있었다.