no-referrer 无法阻止 跳转等导航行为的 referer 发送,仅作用于自动加载的子资源;真正有效的是 rel="noreferrer"(对 生效)或服务端 referrer-policy 响应头。

no-referrer 不能彻底隐藏站外跳转的来源页地址——它只对页面自动触发的资源请求(如 <img>、<script></script>)生效,对 @#@#@#@#@#@#@#@#@#@0 → 目标页收到的请求头中无 Referer 字段
noopener,防止新页面通过 window.opener 访问原页面(安全副作用,但有益)rel="noreferrer"
如果必须全局控制所有跳转,只能靠服务端响应头
前端无法“统一拦截”所有跳转行为,唯一覆盖全部外发请求(含跳转、资源加载、fetch)的方式是设置 HTTP 响应头:
-
Referrer-Policy: no-referrer—— 所有请求都不带 Referer,最彻底,但会丢失内部统计能力 -
Referrer-Policy: strict-origin-when-cross-origin—— 同域传完整 URL,跨域只传 origin,HTTPS→HTTP 不发,更平衡 - Nginx 示例:
add_header Referrer-Policy "no-referrer"; - 该头优先级高于任何
<meta>或元素属性,且现代浏览器(Chrome 56+、Firefox 50+、Safari 11.1+)均支持
容易被忽略的一点:即使你用了 rel="noreferrer",用户右键“在新标签页中打开”,或复制链接手动访问,Referer 依然按浏览器默认策略(no-referrer-when-downgrade)发送——这是浏览器行为,前端无法干预。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











