2017-05-19 7 views
0

デプロイメントを実行するときにJSファイル名を生成するためにハッシュを使用しています。しかし、ブラウザはキャッシュを更新しません。それはmain.f1e0597b.js enter image description hereReact App - ChromeディスクキャッシュJSファイル

をロードします。しかし、ページのソースにファイルがメイン、他のあるネットワーク]タブでは

(展開後、私はキャッシュをクリアし、ページを更新するために顧客に依頼する必要があります) .5203​​1433.js(正しいもの) enter image description here

どうしてですか?

+0

を使用すると、ページがロードされているファイルの絶対か? –

+0

.htmlページのネットワークリクエストを調べて、どういうものかを確認してください。 –

+0

ネットワークタブでは、「ページソースを参照」をクリックしたときに表示されるhtmlファイルとは異なります....ページが正常に動作するキャッシュ。しかし、問題は各展開の後でこれを行うことです。 –

答えて

1

問題が見つかりました。私はas3バケツと同期すると、htmlファイルに期限切れヘッダーを渡します。

問題:

aws s3 sync $folder s3://$bucket --exclude '*.js' --exclude '*.css' --acl public-read --expires '2018-06-14T00:00:00Z' 

正しい:

aws s3 sync $folder s3://$bucket --exclude '*.js' --exclude '*.css' --acl public-read