如何在前端获取301重定向响应对应的前序原始URL？

纯前端在跳转目标页（urlB）默认无法稳定获取301永久重定向前的原始urlA，你之前尝试的window.history、document.referrer拿不到有效值是浏览器的默认行为，不是代码写法问题。

为什么常规方法失效 #

• 301属于浏览器内核直接处理的导航级重定向，不会将原始urlA压入浏览历史栈，window.history对象里根本不会存储这条记录，调用history.back()会直接回到用户访问urlA之前的页面，不存在urlA对应的历史条目。
• document.referrer的取值完全受重定向响应的Referrer-Policy头控制，301场景下绝大多数服务端不会配置透传原始源地址，甚至默认返回no-referrer，自然拿不到有效值。
• 301是永久重定向，浏览器会本地长期缓存跳转规则，后续用户访问urlA时不会发起网络请求，直接本地跳转到urlB，连请求日志都不会留。

可行解决方案 #

按可靠性从高到低排序：

方案1：重定向层透传原始地址（100%可靠，优先推荐） #

如果你能控制urlA所在的服务端配置，直接修改301响应的Location头，把原始url做url编码后作为查询参数拼到目标地址上，示例响应头：

HTTP/1.1 301 Moved Permanently
Location: https://somethingB.com?original_redirect_url=https%3A%2F%2FsomethingA.me%3FsomeParams%3Dsomevalue123

跳转到urlB后，直接解析当前页面url的查询参数，就能拿到完整的原始跳转地址，全浏览器兼容，没有权限限制。
如果不方便修改跳转目标地址，也可以在301响应里加自定义响应头透传原始地址，但需要配合Service Worker拦截导航请求才能读到响应头，复杂度高，不推荐。

方案2：通过Performance API读取导航记录（仅特定场景可用） #

如果你完全控制不了urlA的服务端，可以在urlB页面加载的最早期（不要等DOMContentLoaded或load事件触发，直接在页面头部同步执行JS）读取性能导航条目：

const navEntries = performance.getEntriesByType('navigation');
if (navEntries.length) {
  // 注意：仅首次未缓存的301跳转能拿到urlA，缓存后这里只会返回urlB
  const originalUrl = navEntries[0].name;
  console.log('跳转前原始地址:', originalUrl);
}

该方案局限性极强：301被浏览器缓存后完全失效，部分隐私模式、移动端浏览器会主动裁剪性能日志里的源地址信息，无法作为稳定方案使用。

方案3：Service Worker拦截导航请求（限制极多，不推荐） #

如果urlA和urlB同属一个根域，且你可以在站点部署Service Worker，可以在SW的fetch事件里拦截document类型的导航请求，自行处理跳转逻辑，把原始url存在IndexedDB里，跳转完成后页面从存储中读取。

该方案仅在SW提前注册生效的场景下有用，首次访问触发301时SW还没安装，完全拦截不到；301被浏览器缓存后SW也收不到对应的fetch事件，实用性极低。

无效方法避坑 #

• 不要尝试遍历window.history栈：浏览器出于安全考虑禁止JS读取历史栈里的具体地址，只能拿到长度和操作前后跳转，根本读不到urlA。
• 不要依赖document.referrer：除非301响应主动配置Referrer-Policy: unsafe-url，否则浏览器不会把原始url透传给目标页，你改前端代码没有任何作用。

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