异步请求中，Referer 属性是如何工作的？

文章不知道大家是否熟悉？今天我将给大家介绍《异步请求中，Referer 属性是如何工作的？》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

异步请求中，Referer 属性是如何工作的？插图

异步请求中的 Referer 属性探究

当用户从网站 B 跳转到网站 A 时，网站 A 发起的异步请求是否会包含 Referer 属性？

答案：

默认情况下，网站 A 发起的异步请求会包含 Referer 属性，该属性的值指向用户跳转之前的网站。

解决不携带 Referer 的方法：

1. 在网站 A 的头部添加元标签：

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

通过添加此元标签，网站 A 的所有跳转请求都将不会携带 Referer 属性。

2. 使用 window.open()：

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

这种方法使用 window.open() 函数创建一个隐藏的窗口，然后使用 location.replace() 跳转到目标 URL，从而不会向网站 A 发出的异步请求发送 Referer 属性。

3. 使用 iframe：

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

将此 iframe 添加到网站 A 的页面后，它将创建具有不同源的页面。用户点击此 iframe 时，将不会发送 Referer 属性到网站 A 的异步请求中。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《异步请求中，Referer 属性是如何工作的？》文章吧，也可关注米云公众号了解相关技术文章。

近期文章