如何重定向至其他页面并中途修改来源引用（Referrer）？

首先明确：直接用纯HTML实现自定义Referrer为任意第三方域名（比如rock&roll.com）是做不到的——浏览器的Referrer是由自身根据跳转场景自动生成的，遵循内置的Referrer规则，只能控制是否发送Referrer、发送的内容范围（比如仅域名、完整路径），没法指定完全自定义的外部域名。

针对你的需求，提供两种实用思路：

1. 隐藏原来源的纯HTML方案（无需JS） #

如果核心需求是不让example1.com看到访客来自page1.com，而非必须显示rock&roll.com，直接用HTML标签属性就能实现：

• 在跳转链接上添加referrerpolicy="no-referrer"：

  <a href="https://example1.com" referrerpolicy="no-referrer">跳转至example1.com</a>
  

  点击后浏览器不会发送Referrer头，example1.com那边看不到任何来源信息。
• 要是需要兼容旧版浏览器，改用rel="noreferrer"：

  <a href="https://example1.com" rel="noreferrer">跳转至example1.com</a>
  

2. 接近自定义来源的服务器端方案 #

如果必须让example1.com看到指定的rock&roll.com作为来源，只能通过服务器中转实现：

• 在page1.com的服务器上做一个跳转接口（比如/go-to-example1），用户点击链接先访问这个接口；
• 服务器返回302重定向到example1.com，但这里要注意：浏览器还是会把page1.com作为Referrer发送。如果要模拟rock&roll.com的来源，只能用反向代理——服务器直接请求example1.com，把内容返回给访客，此时example1.com的日志里会显示page1.com服务器的IP，Referrer为空或服务器自身域名。不过这种方式需要服务器支持，还要处理跨域、缓存等问题。

现有JS方案的优化 #

要是你还想用JS方案，可以优化加载速度和兼容性：

• 别用动态创建链接再模拟点击的方式，直接拦截点击事件修改跳转逻辑：

  document.querySelector('#target-link').addEventListener('click', function(e) {
    e.preventDefault();
    // 部分浏览器允许修改document.referrer，但仅对当前页面后续跳转生效
    document.referrer = 'https://rock&roll.com';
    location.href = 'https://example1.com';
  });
  

• 注意：修改document.referrer的行为在部分浏览器里会被安全机制限制，不一定能生效。

最后提醒：篡改Referrer可能违反部分网站的服务条款，且浏览器的安全规则可能限制这类操作，使用前请确认合规。

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