浏览器环境 如何获取 Referer

在浏览器环境中，你可以通过JavaScript访问当前页面的来源URL，也就是Referer。这个信息通常在HTTP请求头中发送给服务器，但在前端也可以直接获取。以下是使用JavaScript获取Referer的基本步骤：

1. 使用`document.referrer`属性：这是一个字符串，存储着上一个页面链接到当前页面的URL。但是要注意，`referrer`可能是空的，因为它取决于用户的隐私设置以及同源策略。例如，在无痕模式下或者用户禁止跟踪时，`referrer`可能会是`null`。

let referrer = document.referrer;
if (referrer) {
    console.log('Referer:', referrer);
} else {
    console.log('No referer available.');
}

2. 判断是否安全：由于上述原因，你可能还需要检查`document.referrer`的有效性和安全性。如果需要更精确的信息，可以查看`navigator.userAgent`，但请注意，这不会提供额外的安全保护。

if (document.referrer && !/^(http|https):\/\/[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,}$/i.test(document.referrer)) {
    console.warn('Unsafe referrer detected!');
}