如何实现外部来源用户返回时重定向至站内页面，仅外部来源触发

核心逻辑 #

当用户从外部链接进入站点时，监听浏览器返回操作，触发时将用户重定向到站内指定页面；若用户是站内跳转进入当前页面，则不触发该逻辑，不干扰正常导航。

前端实现方案 #

通过判断页面的document.referrer是否属于本站域名，结合popstate事件监听实现需求：

// 获取当前站点域名
const currentDomain = window.location.hostname;
// 判断是否来自外部链接
const isExternalReferrer = document.referrer && !document.referrer.includes(currentDomain);

if (isExternalReferrer) {
  // 向历史栈中添加带标记的当前页面状态，用于后续判断
  window.history.pushState({ isExternalEntry: true }, '', window.location.href);

  // 监听浏览器返回事件
  window.addEventListener('popstate', (event) => {
    // 验证是否为外部进入的历史记录条目
    if (event.state?.isExternalEntry) {
      // 重定向到站内目标页面，替换为你的目标路径
      window.location.href = '/your-target-page';
    }
  });
}

后端辅助验证（可选） #

如果担心前端document.referrer被浏览器隐私策略限制，可以通过后端获取HTTP_REFERER头，将判断结果传递给前端：

以PHP为例：

$currentDomain = $_SERVER['HTTP_HOST'];
$referrer = $_SERVER['HTTP_REFERER'] ?? '';
$isExternal = !empty($referrer) && strpos($referrer, $currentDomain) === false;

// 将判断结果注入前端
echo "<script>window.isExternalReferrer = " . json_encode($isExternal) . ";</script>";

之后前端直接使用window.isExternalReferrer变量即可。

注意事项 #

• document.referrer可能因浏览器隐私设置（如隐私模式）被屏蔽，此时无法判断来源，不会触发重定向
• 仅当用户通过外部链接直接进入当前页面时生效，站内跳转后进入的页面会重新判断来源，不影响正常导航
• 测试时需使用真实外部链接跳转进入站点，避免直接刷新页面（刷新后referrer可能为空）

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