Cache-Controlヘッダーにおける、no-storeとno-cacheの違い

前提

このヘッダーは、レスポンスヘッダーとしてもリクエストヘッダーとしても使うことができる。

筆者の体感ではレスポンスヘッダーとして指定することが多いため、
レスポンスヘッダーとしての解説を中心に行う。

レスポンスヘッダー：キャッシュしてもいいけど、使うときは毎回確認してね
リクエストヘッダー：キャッシュしたものはいらないから、オリジンサーバーからちゃんとデータを持ってきて
- 主に「クライアント→キャッシュサーバー→オリジンサーバー」という構成で利用される

キャッシュはできる。←これ間違えやすいので注意

ただし、保存されているコンテンツを再利用する際に
必ず更新がないかどうかをチェックさせたい場合にこちらを使う。

200 OKが返却され、レスポンスヘッダーに no-cacheが設定されていることが確認できる。

Chromeがキャッシュしているので、2回目にリクエストを行うと
「データ取得」ではなく「以前から変更があったかの確認」がAPIに対して行われるため、
APIからは Not Modified（前から変わってませんよ）が返却されていることがわかる。

この場合、ブラウザはキャッシュに保存している

あらゆる種類のキャッシュが、このレスポンスを保存しないようにすることを示す。

こちらは本当にキャッシュされない。

2回目のリクエストも、200 OKが返却される。