[AWS] This XML file does not appear to have any style information associated with it 에러 발생 (AWS CloudFront 사용시)

AWS CloudFront에 S3를 연결하고, Route53에 Cloudfront를 연결했을 때 다음과 같은 에러가 발생한다.

Cloudfront로 접근이 불가한 상태이다.

---

1) 설정한 Lambda 함수 확인

Lambda함수에서 출력이나 파일 형식을 https가 아니라 http로 정의 했는지 확인한다.

 

2) CloudFront에서 S3 Origins을 제대로 못불러올 때

1) Cloudfront 클릭 - Origins
2) Create Origin
3) S3 접속 - "Properties" - "Static website hosting" - 여기의 S3주소 전체 복사
4) 다시 Create Origin으로 돌아와서 - Origin domain에 S3 주소 붙여넣기
5) 생성

 

3) S3에서 퍼블릭 액세스 차단

 리소스에 대한 퍼블릭 액세스를 제한하는 기능이다. 따라서 앱을 호스팅해서 도메인으로 접근하려면 차단을 해제해야 한다.

1) S3 - Permissions - Block public access (bucket settings)
2) 해제

 

완료!