如何自动为网站URL添加/home以绕过浏览器缓存并更新动态内容？

问题背景 #

• 站点地址：allenbrookneighbors.org
• WordPress配置：「设置-阅读」中设置静态页面为首页，指定「Home」作为首页，但实际访问时加载的是front-page.php（站点无/home目录，Home.php为空白文件）
• 核心问题：首页的动态邻居引言内容，仅Firefox桌面端刷新能更新；Chrome、Edge、Safari及Firefox移动端均被浏览器缓存，刷新后无法获取新内容
• 临时可行操作：手动在URL后追加/home（即访问allenbrookneighbors.org/home）可绕过缓存，但普通用户不知情

之前的尝试及问题 #

曾编写重定向函数自动给URL加/home，但触发死循环，浏览器提示「页面重定向不正确，检测到死循环」。原代码如下：

add_action('template_redirect', 'redirect_home_url');
function redirect_home_url() {
  if (is_front_page() && !isset($_GET['redirected'])) {
    wp_redirect(home_url('/home'));
    exit;
  }
}

问题原因：is_front_page()在访问根目录和/home页面时都会返回true（因为Home是设置的首页），导致重定向逻辑无限触发。

可行解决方案 #

方案1：修复重定向逻辑，避免死循环 #

修改重定向函数，通过判断当前请求路径是否为根目录来触发跳转，而非依赖is_front_page()：

add_action('template_redirect', 'redirect_home_url');
function redirect_home_url() {
    // 获取当前请求的路径（去除域名和首尾斜杠）
    $current_path = trim(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH), '/');
    
    // 仅当访问根目录（路径为空）时，重定向到/home
    if (empty($current_path)) {
        wp_redirect(home_url('/home'), 302);
        exit;
    }
}

• 用302临时重定向：告诉浏览器这不是永久跳转，减少缓存留存
• 逻辑说明：只有访问根目录时才跳转，访问/home时不会触发重定向，彻底避免死循环

方案2：直接禁用首页浏览器缓存（推荐） #

无需修改URL，直接在front-page.php的最顶部添加缓存控制响应头，强制浏览器每次请求都从服务器获取最新内容：

<?php
// 必须在输出任何HTML内容之前添加
header("Cache-Control: no-cache, no-store, must-revalidate"); // HTTP 1.1标准
header("Pragma: no-cache"); // 兼容HTTP 1.0
header("Expires: 0"); // 设置过期时间为过去，强制浏览器不缓存
?>
<!-- 以下是原front-page.php的HTML内容 -->

• 优势：从根源解决跨浏览器缓存问题，不需要用户操作URL，体验更流畅

方案3：仅针对动态内容添加缓存破防参数 #

如果不想禁用整个页面的缓存，只需要更新动态引言部分，可以给动态内容添加随机参数：

后端输出方式

// 假设get_neighbor_quote()是获取动态引言的函数
$quote = get_neighbor_quote();
// 添加时间戳作为缓存破防标记
echo '<div class="neighbor-quote" data-cache-buster="' . time() . '">' . $quote . '</div>';

前端AJAX加载方式

// 用JS异步加载引言，每次请求带时间戳参数
fetch('/wp-json/custom/v1/neighbor-quote?cache=' + Date.now())
    .then(res => res.text())
    .then(content => {
        document.querySelector('.neighbor-quote').innerHTML = content;
    });

• 优势：不影响页面静态资源的缓存效率，仅针对动态内容绕过缓存

总结 #

• 优先选方案2：操作简单，无需修改URL，彻底解决跨浏览器缓存问题
• 如果必须使用/home路径，选方案1修复重定向逻辑
• 若只需更新部分动态内容，选方案3

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