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

Question

fetch('somefile.json') を使用して、ブラウザのキャッシュではなくサーバーからファイルをリクエストできますか?

言い換えれば、fetch() を使用してブラウザのキャッシュをバイパスすることは可能ですか?

Answer 1

キャッシュ モードのより簡単な使用:

リーリー

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

Answer 2

Fetch 「ヘッダー」と呼ばれるオプションなど、リクエストに適用したい多くのカスタマイズを含む init オブジェクトを取得できます。

"headers" オプションは Header オブジェクトを受け取ります。このオブジェクトを使用すると、リクエストに追加されるヘッダーを構成できます。

ヘッダーに pragma: no-cache と cache-control: no-cache を追加すると、ブラウザにサーバーをチェックさせて、ファイルが存在するかどうかを確認させます。キャッシュは の既存のファイルとは異なります。 cache-control: no-store を使用することもできます。これにより、ブラウザーとすべての中間キャッシュ ストアが任意のバージョンの応答を返すことができなくなります。

サンプルコードは次のとおりです:

リーリー リーリー