ログアウト後もブラウザバックで一部ページ（ユーザー情報ページ等）が見れてしまうのを防ぎたいです。

Question

前提・実現したいこと

ログアウト後もブラウザバックで一部ページ（ユーザー情報ページ等）が見れてしまう。

現在、ruby on railsでwebアプリケーション開発中です。
ログアウト後もブラウザバックすると、ユーザー情報などが見れてしまうので、防ぎたいです。
JavaScriptにブラウザバック禁止の実装をしましたが、全てのページに反映してしまい、利便性がおちてしまいます。
ブラウザバック禁止を特定のページだけ指定する良い方法などございましたら、教えていただきたいです。
よろしくお願いいたします。

該当のソースコード

下記がすべてのページからブラウザバック禁止にするコードです。
なぜか、Chromeにはこれすらも反映されません、、

history.pushState(null, null, location.href);
window.addEventListener('popstate', (e) => {
  history.go(1);
});

補足情報（FW/ツールのバージョンなど）

macOS Catalina
ruby/ruby on rails/HTML/CSS/JavaScript

Answer 1

おそらくブラウザのBack Forward Cacheのせいでしょう。このキャッシュのせいで、戻るボタンを押したときに、webページを直接読み込むのではなくキャッシュから読み込むということです。

なので、ページを読み込んだ際に、bfCacheから読み込んだのか、直接webページから呼ばれたかをチェックして、bfCacheから読み込まれ場合は、リロードする処理を書けばいいでしょう

// pageshowイベントをバインドする
window.addEventListener("pageshow", function(event){
  if (event.persisted) { // PageTransitionEvent.persistedでキャッシュから読み込んだか分岐する
    window.location.reload(); //リロードする
  }
});

pageshowイベントをバインドして、PageTrasiteEventオブジェクトのpersistedから読み込みを分岐できます。

他の方法としてはunloadイベントをバインドするという方法があるでしょう。これは、ブラウザがページがunloadイベントの後にはページが存在することはないだろうとうい前提のもと、でキャッシュの対象外だろうするからです。

ただ、bfcacheはブラウザの最適化のための機能なので、ユーザの体験を考えるとあまり無効化しないようにした方が良いでしょう。bfcacheの使用時に適切な処理をするのが好ましいと思います。