キャッシュを無効にしたい

Question

前提・実現したいこと

Python(Flask)を利用して、Excelファイルを送信、それを基にグラフを作成し画像として返すWebページを作成しています。

①Excelファイルを選択し、送信

②グラフ化し、画像を返す

発生している問題

１回目は正しく動作するが、２回目以降は１回目で作成された画像が返される。
(PyCharm内で作成されたグラフ画像を確認すると、前回の画像は削除され新たに正しいグラフ画像が作成されています)

１回目


２回目以降


※TextExcel01.xlsxとTextExcel02.xlsxの内容は同値ではありません

補足情報

・ポート番号を変更し、実行すると正しく動作します。(当該ポート番号の１回目のみ)
・ブラウザ機能からキャッシュを削除すると正しく動作します。
２回目以降の実行はブラウザの戻るをクリックし行っています。

環境

開発環境：PyCharm
サーバ　：localhost
ブラウザ：Chrome

Answer 1

PyCharm内で作成されたグラフ画像を確認すると、前回の画像は削除され新たに正しいグラフ画像が作成されています

ブラウザキャッシュなのではないでしょうか。
https://qiita.com/hkusu/items/d40aa8a70bacd2015dfa

Comments

[Majespy]

ご回答ありがとうございます。
head内に<meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Expires" content="0">を追加してみましたが、問題は解決されませんでした。

[mather]

それはページそのものへのキャッシュコントロールですよね？
画像を送信するときのレスポンスヘッダを確認してください。

またキャッシュの排除をするには都度新しいURLになるようにすることも有効です。
例えばクエリ文字列にランダムな値をセットするなど。

[hayataka2049]

画像URLをランダム生成する、とかが無難なのでしょうか

[mather]

同じファイルを上書き保存している点が気になっていて、なにか理由があるのかな、と気になっています。

[Majespy]

「基になるExcelファイルが同じものであるため」ということでしょうか。

[mather]

む…そもそも実際にどういうHTTP通信が行われているかわかっていないということでしょうか。
FlaskのレスポンスとしてHTMLをブラウザが受信し、そのHTMLに記述されている画像ファイルへのリンクを再びリクエストして画像データをレスポンスとして受け取っているはずです。
その画像データのリクエストが1回目のリクエストと全く同じURLであるため、ブラウザが「すでに取得済みなので再び読み込みに行く必要がない」と判断して同じ画像を表示している、というのがブラウザキャッシュです。
Chromeブラウザであれば、デベロッパーツールを開いて Network タブを選択し、 Disable cache にチェックを入れておけば、デベロッパーツールを開いている間は一時的にキャッシュを無効化できます。お試しください。

[Majespy]

Disable cacheにチェックを入れた場合、正しく動作しました。
ご指摘の通りでございます。サーバに何かを渡し、何かを返すという処理に今回初めて挑戦しわからないことだらけの中なんとかここまで開発してきました。ブラウザキャッシュという言葉も初めて聞いた言葉です。的外れなことを聞いていたかもしれませんが、最後までご丁寧に教えて頂きありがとうございました。