[NextJS] 새로고침 시 404 (Connect-history-api-fallback)

https://kjs-dev.tistory.com/entry/web-react-새로고침-시-404-Error

SPA 라이브러리/프레임워크에서는 배포 시 html 파일 하나(index.html)만 만들어지기 때문에, root url가 아닌 다른 주소에서 새로고침을 하면 대응하는 html이 없어서 에러가 발생한다. 이를 connect-history-api-fallback이라 하며, 로컬에서는 발생하지 않는 문제이다.

해결 방법

• AWS Lambda를 이용한 routing 수행
• Next.js의 경우, Docker에 올려서 AWS EC2 등으로 배포 -> Next.js 서버가 routing 수행