SPA 를 AWS S3 정적 웹 호스팅시 문제 해결

최근 React를 이용하여 클라이언트 사이드 SPA 를 공부하고 있습니다.

작업한것을 aws s3의 웹 호스팅을 이용하여 올려서 테스트를 하고 있는데,

인덱스 주소가 아닌 다른 주소로 접근하거나 새로고침을 하면 

404 페이지가 나오게 됩니다.

이것은 spa가 하나의 html을 갖고있기 때문인데요, 

다른 주소로 접근시 예를들어 aaa/about 페이지 접근 혹은 새로고침시

about.html을 찾는데 없으니까 404 페이지를 띄워주게 됩니다.

이때 해결 방법은

 

이렇게 오류 문서에도 index.html을 호스팅 해주면 정상적으로 작동합니다.

(물론 에러페이지는 따로 만드셔야 합니다 )