성덕이의 개발공간

S3의 index.html 파일을 수정하고 변경사항을 확인하려해도 변경이 안된 경우가 있다.CloudFront에서 캐싱을 저장해두는데, 그 부분이 업데이트가 안되서다. (굉장히 느리다.)강제로 해주는 케이스가 있다.1) 해결방안1) Cloudfront 선택2) Invalidations - Create Invalidation3) Object paths : /*4) 생성 클릭완료!

AWS CloudFront에 S3를 연결하고, Route53에 Cloudfront를 연결했을 때 다음과 같은 에러가 발생한다.Cloudfront로 접근이 불가한 상태이다.1) 설정한 Lambda 함수 확인Lambda함수에서 출력이나 파일 형식을 https가 아니라 http로 정의 했는지 확인한다. 2) CloudFront에서 S3 Origins을 제대로 못불러올 때1) Cloudfront 클릭 - Origins2) Create Origin3) S3 접속 - "Properties" - "Static website hosting" - 여기의 S3주소 전체 복사4) 다시 Create Origin으로 돌아와서 - Origin domain에 S3 주소 붙여넣기5) 생성 3) S3에서 퍼블릭 액세스 차단  리소스에..

S3는 기본적으로 HTTP만 지원한다. 정적 컨텐츠로 사용한 S3 Web서버를 HTTPS 통신을 하기 위해서는 Cloudfront를 등록하여 사용해야 한다.그 이후 Route53 도메인을 Cloudfront로 등록해주면 된다.1) 버즈니아북부에서 ACM 생성 1) ACM 생성 2) Cloudfront 생성1) CloudFront 생성 클릭2) Origin domain = 해당 S3 선택3) Viewer protocol policy "Redirect HTTP to HTTPS" 선택4) Allowed HTTP methods "GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE" 선택 #필자는 Post 사용5) Cache policy "CachingOptimized" 선택6) Al..

해당 작업은 S3에 저장되어 있는 파일을 다운로드하거나 접근시 발생하는 에러이다. 에러를 살펴보면 다음과 같다.1) Status : CORS error2) Type : fetch3) 원인 : cross-origin resource sharing error: MissingallowOriginHeader 이 경우 Cloudfront를 사용하고 있을 경우가 굉장히 크다.사용자(접근자)의 Region과 구축되어 있는 S3 Region이 달라 해당 에러가 발생한다. 필자는 Cloudfront S3 API Gateway 구성이였다.1) 해결방법1) API Gateway 접속2) "Develop" - "CORS"3) Configure CORS - "Configure" 클릭4) Access-Control-Allow..