laravel Ajaxで更新したお気に入りマークをブラウザの戻る操作でも維持したい

Question

Laravelに限ったことではないと思うのですが、
流れ的には
1.商品一覧ページでお気に入りをクリックし、Ajax通信でお気に入りマークがONになる
この状態でDBへは書き込まれています
2.その後、商品詳細ページへ行くと、ここではDBにかきこまれている気に入り情報を読むのでONになっています。
3.商品一覧ページへブラウザの戻るボタンで戻ってみると、OFF状態になっており、再読み込みでONになります。

ブラウザではキャッシュを読み込んで表示しているからだと思いますが、
これを回避できる方法はあるのでしょうか？

よろしくお願いします

Answer 1

キャッシュを読んでいるのであれば

①metaタグでそのページをキャッシュさせなくする
<meta http-equiv="cache-control" content="no-cache, no-store">

②Laravelでresonseを返却したときキャッシュしないようにheaderを追加

response()->view('view.template', $param)->withHeaders([
                'Cache-Control' => 'no-store',
            ])

③Laravelのpublic内の.htaccessをいじり
Header set Cache-Control no-storeでキャッシュしないように指示

等の手法のいずれかでキャッシュしないようにできるので、お試しいただけると幸いです

Comments

[creative_09]

ありがとうございます。
キャッシュしない=更新が反映されないイメージですが、
この場合、戻るでも最新の状態で表示するとおもうのですが、間違っていますでしょうか？
上記のとおりしましたがうまくいってないので。。。なにか他の問題かもしれませんが