当用户点击链接时，通常会向目标网站发送一个 HTTP 请求。这个请求中包含了referrer header，它用于告知目标网站用户从哪个网站跳转到该网站。
然而在某些情况下，用户并不想将他们的来源网站透露给目标网站，比如当他们访问隐私敏感的网站时。在这种情况下，我们需要一种方法来阻止浏览器发送 referrer header。
如何停止发送 referrer header
我们可以通过两种方式来实现这个目标：
1. 使用 rel="noreferrer" 属性
在HTML的链接标签中加入 rel="noreferrer" 属性可以阻止浏览器发送 referrer header。例如：
<a href="https://example.com" rel="noreferrer">Click here</a>
但是，使用这种方式只能防止 referrer header 被发送到目标网站，而不能完全防止信息泄露，因为部分浏览器仍然会在本地记录 referrer header 的值。
2. 使用 JavaScript 和 Location API
另一种方法是使用 JavaScript 和 Location API 来控制请求头。可以在发送 HTTP 请求之前修改 document.referrer 的值，或者使用 Location API 创建一个新的请求对象，并在其中添加一个空 ReferrerPolicy。例如：
const requestOptions = {
referrerPolicy: 'no-referrer',
};
fetch('https://example.com', requestOptions)指导意义
在开发隐私敏感的应用程序时，我们应该尽可能地减少信息泄露的风险。在处理用户的隐私数据时更是如此。
通过使用以上方法之一来阻止浏览器发送 referrer header 是非常重要的，因为它可以帮助我们保护用户的隐私。但是需要注意的是，在某些情况下，禁用 referrer header 可能会对网络分析和网站流量监控造成影响。因此，我们需要在保护用户隐私和保证数据分析两者之间取得平衡。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27143