如何从 document.referrer 中获取准确的 url？

【问题标题】：How to get exactly url from document.referrer?如何从 document.referrer 中获取准确的 url？
【发布时间】：2020-12-17 08:43:47
【问题描述】：

我正在使用 React，我正在使用文档引用者

document.referrer

但是，当我从 google.com 定向到我的网址时，我只是在 document.referrer 中获取域，而不是这样的：https://www.google.com/search?q=fb&rlz=1C1CHBF_enIN850IN850&oq=fb&aqs=chrome.0.69i59j46i199i291i433j0i131i433l2j0i395j69i60l3.1007j1j9&sourceid=chrome&ie=UTF-8。

有没有什么方法可以获取包括路径名和查询字符串在内的整个 URL？提前致谢。

【问题讨论】：

标签： javascript reactjs http referrer

【解决方案1】：

网站可以设置Referrer-Policy。如果他们不这样做，那么从版本 85 开始，Chrome 默认为strict-origin-when-cross-origin。（其他浏览器会有自己的默认设置，但 Chrome 的市场份额值得强调）

这意味着引荐来源网址信息将仅包括来源，而不包括完整的 URL。

这是一项旨在保护用户隐私的功能。

除非您控制控制链接的网站（在您的示例中：www.google.com），否则无法绕过它。

【讨论】：

也就是说浏览器控制它？还是链接网站（在这种情况下为 google.com）控制它？
最终由浏览器控制。大多数浏览器都会遵循Referrer-Policy 标头，前一个站点用于告诉浏览器在后续请求的引荐来源网址中放入什么。