[항해99 82일차] 2022.05.27 TIL (aws 클라우드 연결 시 뜨는 404에러 없애기)

Cloudfront - S3 로 서비스하는 구조에서,

S3에 SPA(ex. React)를 이용하여 구성을 하면 Redirect가 발생하여 403/404와 같은 Access Denied가 발생하게 된다.

이는 Cloudfront와 SPA의 조합이되면 발생할 수 밖에 없는 구조적인 문제이기에,

Cloudfront에 403, 404 에러 발생 시, 200응답코드로 전환하고 기본 페이지(ex. index.html) 을 호출하게 설정하여야한다.

 

이 이유를 모르고 왜 404 에러가 콘솔창에 자꾸 뜨는지 이해할 수 없었다.

하지만,,클라우드 프론트에서 1개만 편집해줬더니 해결되었다!!

클라우드 프론트 > 오류페이지 > 사용자 정의 오류 응답 생성 

 

아래 사진 처럼 응답 페이지 경로 /index.html로 설정해주고, 응답코드는 200으로 수정해주면 된다 !!