web-dev-qa-db-ja.com

静的アセットのNetlifyヘッダーキャッシュコントロール

キャッシュコントロールは可能ですが、画像、フォント、CSS、JSなどの静的アセットに対してのみですか?

これが私の回避策です

[[headers]]
  for = "/*" # This defines which paths this specific [[headers]] block will cover.
  [headers.values]
    Cache-Control = "public, max-age=604800"

それはpreetyはうまくいきますが、私が期待したとおりではありません。コンテンツを更新してもサイトは古いバージョンを使用しているようです。

6
Yudy Ananda

これはひどい考えであり、最悪の習慣です。これで、ブラウザがindex.htmlを含むすべてのファイルを1週間キャッシュする必要があると述べました。したがって、その間、サイトの古いコピーが表示されます。

これを行う適切な方法は、タイプごとに1つずつ、いくつかのヘッダールールを作成することです。

[[headers]]
  for = "*.js" # js files should be set this way
  [headers.values]
    Cache-Control = "public, max-age=604800"
[[headers]]
  for = "*.css" # css files too
  [headers.values]
    Cache-Control = "public, max-age=604800"

しかし、これもすべきではありません。 Netlifyはキャッシングを意図的にmax-ageを0に設定しますが、コンテンツのキャッシュを許可し、アトミックなロールバックとデプロ​​イを可能にします。詳細は次のとおりです: https://www.netlify.com/blog/2017/02/23/better-living-through-caching/

2
fool