[ S3 / CloudFront / Next.js ] 새로고침 했을 때 NoSuchKey 에러 무효화하기

업무중 Next.js 환경 하의 프로젝트를 AWS를 통해 배포하게 되었다.

성공적으로 배포가 되었고 모든 페이지들이 정상적으로 작동하였는데, 새로고침을 누르는순간 다음과같은 에러가 발생했다.

원인

• Router 문제로 인한 경로 문제
• 요청된 객체가 버킷에 없는 경우

해결 1

1. CloudFront > 배포 > 문제가 발생한 ID선택 > 무효화생성 버튼 클릭
   

2. 와일드카드(/*)로 경로 지정후 무효화 생성
   

해결 2

Error document에서 index.html 입력하기