404 NoSuchKey 에러
발생index.html
과 매핑되어 있음http://{도메인}/main
과 매핑http://{도메인}/main
과 매핑된 리소스가 없기 때문에 에러 발생🤔 그렇다면 왜 로그인 이후 에러가 발생하지 않았을까?
React
는 페이지 이동 시 새로운 url로 이동 후 화면을 새로 고침하는 것이 아닌 현재 페이지에서 렌더링을 재진행하는 방식- 따라서
http://{도메인}/
에서 로그인 이후http://{도메인}/main
으로 이동할 때 실제로 url이 리다이렉트된 것이 아니라http://{도메인}/
에 원래 매핑되어 있던index.html
파일에서 화면만 다시 랜더링되어서 에러가 발생하지 않은 것으로 추측됨
AWS S3
에서 S3에서 발생한 에러를 특정 리소스와 매핑할 수 있는 기능 제공index.html
로 지정하여 새로고침 해서 에러가 발생하면 index.html
로 연결되게 설정