Posted at

「amplify publish」をした後、ブラウザに更新が反映されない時にCloudFrontでやること


はじめに

「amplify publish」で、WEBフロントを更新したのに、ブラウザで確認するとその変更が反映されていない時がありました。

その時やって解消したことを、今後も忘れないように記録します。


前提

s3に置いたコンテンツをcloudfrontで配信する構成にしていること。


原因

cloudfrontで保持している過去のキャッシュが残っていることが原因でした。


やること

cloudfrontのコンソール画面を開き、対象のIDをクリック。

IMG_6318.jpg

Invalidationsタブをクリック

IMG_6319.jpg

Create Invalidationをクリック

スクリーンショット 2019-09-12 7.01.51 2.jpg

Object Pathsに「*」と入力し、Invalidateをクリック

IMG_6320.jpg

Statusが「Completed」になれば完了です。


おわりに

問題の切り分け方法とかは特にチェックしていないので、局所的な問題解決かもしれませんが、何か気づきがあればアップデートしていきます。