aws cloudfront에서 index.html의 캐싱을 막자

cloudfront의 배포를 선택한뒤 동작에서 여러 경로에 대한 동작을 지정할수 있습니다

 

동작이라 함은 특정 값을 파라메터로 보내거나 캐시에 대한 내용을 수정할수 있습니다

 

여러분이 react와 같은 frontend를 배포할때 index.html을 포함한 js 파일들을 최종적으로 업로드하게되는데요

 

index.html의 캐시를 막아 내가 새로운 빌드를 하여 빌드한 코드를 배포할때

 

배포한 코드가 클라이언트에 캐쉬되어있지 않으니 바로 반영될수 있도록 할수 있습니다

 

 

여기서 동작 생성을 눌러

 

캐시 키 및 원본 요청에

 

Legacy cache settings를 선택합니다

 

 

 

 

그리고 

 

최소 TTL : 0

최대 TTL : 0

기본 TTL : 0

 

설정을 하여 캐싱을 하지 않도록 합니다

 

 

 

두개의 경로패턴을 지정하는것이 좋습니다

 

index.html 에 대한 패턴과

 

/ 루트에 대한 패턴에 대해서 위에 설명한 내용을 반복하면 됩니다