异步请求中 refrer 属性携带问题解析

在浏览器的上下文中，当页面 A 从页面 B 跳转而来时，页面 A 发起的异步请求通常会携带 referer 属性。该属性包含页面 B 的 URL，用于标识请求的来源。

影响携带的原因：

异步请求（例如 AJAX）在向服务器发送请求之前，会先从当前页面继承一些信息，包括 referer 属性。referer 属性记录了用户是从哪个页面跳转而来的，为服务器提供请求来源的上下文。

应对措施：

如果你不想让页面 A 发起的异步请求携带 referer 属性，可以使用以下方法：

第一种方案：使用元标记禁用 referer

在页面 A 的 HTML 头部添加以下元标记：

<meta name="referrer" content="no-referrer" />

此元标记会指示浏览器在页面 A 发起的所有请求中都不要发送 referer 属性。

第二种方案：使用 window.open

使用 window.open 函数可以打开一个新窗口，该窗口不会携带来自打开页面的 referer 属性。代码示例：

window.open('javascript:window.name;','<script>location.replace("' + 你的跳转 URL + '")</script>');

此代码会打开一个新窗口，在该窗口中将页面 A 跳转到指定的 URL。

第三种方案：使用 iframe

还可以使用 iframe 来实现页面 A 不携带 referer 属性的跳转。代码示例：

document.body.appendChild(document.createElement('iframe')).src='javascript:"<script>top.location.replace(\'' + 你的跳转 URL + '\')</script>"';

此代码会创建一个 iframe，然后将页面 A 的位置替换为指定的 URL。