fetch() でキャッシュされないリクエストを行うにはどうすればいいですか? 質問する

fetch() でキャッシュされないリクエストを行うにはどうすればいいですか? 質問する

を使用するとfetch('somefile.json')、ブラウザのキャッシュからではなく、サーバーからファイルを取得するように要求することは可能ですか?

つまり、 を使用するとfetch()、ブラウザのキャッシュを回避することは可能ですか?

ベストアンサー1

キャッシュ モードの使いやすさの向上:

  // Download a resource with cache busting, to bypass the cache
  // completely.
  fetch("some.json", {cache: "no-store"})
    .then(function(response) { /* consume the response */ });

  // Download a resource with cache busting, but update the HTTP
  // cache with the downloaded resource.
  fetch("some.json", {cache: "reload"})
    .then(function(response) { /* consume the response */ });

  // Download a resource with cache busting when dealing with a
  // properly configured server that will send the correct ETag
  // and Date headers and properly handle If-Modified-Since and
  // If-None-Match request headers, therefore we can rely on the
  // validation to guarantee a fresh response.
  fetch("some.json", {cache: "no-cache"})
    .then(function(response) { /* consume the response */ });

  // Download a resource with economics in mind!  Prefer a cached
  // albeit stale response to conserve as much bandwidth as possible.
  fetch("some.json", {cache: "force-cache"})
    .then(function(response) { /* consume the response */ });

参照:https://hacks.mozilla.org/2016/03/referrer-and-cache-control-apis-for-fetch/

おすすめ記事