如何利用History相关函数跳过外部重定向页面，避免返回时的循环跳转？

这确实是个挺闹心的重定向循环问题，我结合你的需求（只能修改内部站点），给你几个实用的解决方案：

方法一：会话存储+Referrer 判断，直接跳过重定向页 #

这个方法能避免用户经历来回跳转，核心思路是：当用户从重定向页进入内部站时，用sessionStorage标记这个状态，点击返回按钮时直接回退两步（跳过重定向页）。

代码示例：

// 页面加载时，检查是否来自外部重定向页
window.addEventListener('load', () => {
  // 替换成实际的外部重定向页域名
  const redirectDomain = 'your-external-redirect-domain.com';
  if (document.referrer.includes(redirectDomain)) {
    sessionStorage.setItem('cameFromRedirect', 'true');
  }
});

// 绑定返回按钮的点击事件
document.querySelector('#backButton').addEventListener('click', (e) => {
  e.preventDefault(); // 阻止默认返回行为
  if (sessionStorage.getItem('cameFromRedirect')) {
    history.go(-2); // 直接跳过重定向页，回到外部原始站点
    sessionStorage.removeItem('cameFromRedirect'); // 清除标记，不影响后续正常返回
  } else {
    history.back(); // 正常返回逻辑
  }
});

为什么用sessionStorage而不是localStorage？因为会话存储只在当前浏览器会话有效，关闭页面就自动清除，不会干扰用户后续的正常访问流程。

方法二：利用导航性能 API 判断重定向次数 #

如果你的用户都使用现代浏览器，可以借助Navigation Timing API获取重定向次数，结合referrer判断是否需要多退几步：

document.querySelector('#backButton').addEventListener('click', (e) => {
  e.preventDefault();
  const redirectDomain = 'your-external-redirect-domain.com';
  const navEntry = performance.getEntriesByType('navigation')[0];
  
  if (navEntry?.redirectCount > 0 && document.referrer.includes(redirectDomain)) {
    // 回退次数 = 重定向次数 + 1（跳过所有重定向页+原始跳转页）
    history.go(-(navEntry.redirectCount + 1));
  } else {
    history.back();
  }
});

注意：这个方法依赖浏览器对Navigation Timing API的支持，旧版浏览器可能不兼容，需要做降级处理。

补充：如果能说服外部站点配合的话... #

如果外部站点愿意做微小修改，有两个更完美的方案：

1. 传递重定向次数参数：就是你提到的，外部重定向页跳转时携带?redirects=2，内部站直接用history.go(-redirects)返回，这是最直接的方式。
2. 修改Referrer Policy：让外部重定向页的响应头添加Referrer-Policy: strict-origin-when-cross-origin，这样内部站的document.referrer会直接显示外部原始站点的地址，而不是重定向页，点击返回按钮直接退一步就能回去，完全避免循环。

总结 #

如果只能修改内部站点，方法一是最可靠且用户体验最好的选择，既不会有来回跳转，也兼容绝大多数浏览器。方法二作为备选，适合对浏览器版本有信心的场景。

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