如何禁止WordPress网站用户登出后通过浏览器Backspace键访问登录版本

这个问题本质是浏览器缓存了登录状态下的页面，登出后回退时直接读取缓存而非重新请求服务器。以下是几种可行的解决方法：

1. 禁止浏览器缓存登录用户的页面 #

通过在主题的functions.php中添加PHP代码，给登录用户的页面设置禁止缓存的HTTP响应头，避免浏览器存储这些页面的缓存版本：

function disable_cache_for_logged_in_users() {
    if ( is_user_logged_in() ) {
        header("Cache-Control: no-cache, no-store, must-revalidate"); // HTTP 1.1 禁止缓存
        header("Pragma: no-cache"); // HTTP 1.0 兼容设置
        header("Expires: 0"); // 告知代理服务器不缓存
    }
}
add_action('wp_head', 'disable_cache_for_logged_in_users');

2. 登出后强制跳转并刷新页面 #

利用WordPress的wp_logout钩子，在用户登出后强制跳转到指定页面，并通过参数触发页面刷新，确保浏览器加载最新的未登录状态页面：
首先在functions.php中添加跳转逻辑：

function redirect_after_logout() {
    wp_redirect( home_url() . '?force_refresh=1' );
    exit;
}
add_action('wp_logout', 'redirect_after_logout');

然后在主题的header.php中添加JS代码，检测刷新参数并强制页面重新加载：

<?php if ( isset($_GET['force_refresh']) && $_GET['force_refresh'] == 1 ) : ?>
<script>
    // 移除刷新参数并重新加载页面
    window.location.replace(window.location.href.split('?')[0]);
</script>
<?php endif; ?>

3. 前端监听回退事件并校验登录状态 #

通过JS监听浏览器的回退事件，校验当前页面的登录状态（WordPress会给登录用户的页面body添加logged-in类），如果检测到已登出则自动跳转：
在主题的footer.php或header.php中添加以下代码：

<script>
    function verifyLoginStatus() {
        // 检查body是否包含logged-in类
        if (!document.body.classList.contains('logged-in')) {
            // 已登出则跳转到首页
            window.location.href = '<?php echo esc_url(home_url()); ?>';
        }
    }
    // 页面加载时校验
    window.addEventListener('load', verifyLoginStatus);
    // 监听浏览器回退事件
    window.addEventListener('popstate', verifyLoginStatus);
</script>

建议同时使用这三种方法，从HTTP头、登出跳转、前端校验三个层面彻底解决问题，避免单一方法的局限性。

内容的提问来源于stack exchange，提问作者Mr_G