js实现referer

获取当前页面的Referer

在JavaScript中，可以通过document.referrer属性获取当前页面的Referer信息。该属性返回导航到当前页面的来源页面的URL。

const referrer = document.referrer;
console.log(referrer); // 输出来源页面的URL

设置请求的Referer

在发送HTTP请求时，可以通过设置请求头来指定Referer。以下是使用fetch和XMLHttpRequest的示例。

使用fetch API

fetch('https://example.com/api', {
  headers: {
    'Referer': 'https://your-domain.com'
  }
})
.then(response => response.json())
.then(data => console.log(data));

使用XMLHttpRequest

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api');
xhr.setRequestHeader('Referer', 'https://your-domain.com');
xhr.onload = function() {
  console.log(xhr.responseText);
};
xhr.send();

注意事项

• 浏览器可能会限制修改某些请求头（如Referer），具体行为取决于浏览器的安全策略。
• 在某些情况下，设置Referer可能会被浏览器忽略或覆盖。
• 跨域请求时，修改Referer可能会触发CORS策略限制。

动态修改Referer

如果需要动态修改Referer，可以通过代理服务器或服务端中转请求来实现。前端直接修改Referer的能力受限于浏览器安全策略。