S3ファイルの更新がCloudFrontに反映されない…
AWS S3にAgularのソースを配置し、CloudFront経由でアクセスさせるというWEBアプリを開発していました。
しかし、修正し固めたAngularソースをS3にアップロードしたのに、CloudFrontにアクセスしても修正が反映されていない…
ブラウザのキャッシュかと思いましたが、何回キャッシュクリアしても変わらず。
CloudFrontにもキャッシュがあった
結論から言うと、CloudFrontがキャッシュを保持しており、そのキャッシュを参照していたため
S3ソースの修正が反映されていませんでした。
CloudFront > ビヘイビア > キャッシュキーとオリジンクエスト
キャッシュポリシーが「CachingOptimized」になっていました。
これを「CachingDisabled」にすると、無事にS3ソースの修正が反映されました。
開発中でしょっちゅうS3のソースを更新する場合は、このキャッシュを無効化しておいた方が良さそうです。
リリース時はパフォーマンスの観点から、キャッシュを有効にしたほうが良いかも。