[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 수행
Leave a comment