[13 | Next.js] Next.js 에러 페이지(404) api 호출 관련 이슈

[ 상황 설명 ]

next 13으로 404 페이지를 설정하고 있던 중 개발자도구의 콘솔에 404 error 가 지속적으로 찍히는 것을 확인했다. 

개발 환경의 hot reload 기능 때문인 거 같았는데 설마 서버의 요청도 계속해서 가고있는지 확인해보니 404페이지가 UI에 표시된 상태라면 api 요청이 계속적으로 되고 있었다. 

 

[ 원인 분석 ]

즉, 없는 경로를 서버에 요청보내면 not found 에러가 발생하는데 개발환경에서 해당 요청을 클라이언트에서 hot reload 를 통해 계속해서 보내고 있는 것이다. 

 

핫리로드 문제는 개발환경에서만 발생하기 때문에 큰 이슈는 아니라고 생각했지만 혹시라도 문제가 될까봐 관련 이슈에 대해서 찾아봤다. 

 

[ 결론 ]

next 공식 repo를 확인하니 나와 같은 next 버전(13.4.19)을 사용하는 유저들도 다같이 겪는 거 같고, 배포 환경에서는 무한요청에러가 발생하지 않는다는 거 같다.

https://github.com/vercel/next.js/discussions/40000

**Next.js error page (404, 400, 500) reload infinitely in development** · vercel/next.js · Discussion #40000