referrerpolicy 是控制浏览器发起请求时是否及如何发送 referer 请求头的属性，必须在涉及隐私泄露风险（如外链跳转、cdn资源加载）或需与csp协同安全加固时显式配置。

referrerpolicy 是什么，什么时候必须配

referrerpolicy 控制浏览器在发起请求（比如 @#@#@#@#@#@#@#@#@#@0

CDN 图片：<img>（防止 CDN 日志暴露你的页面路径）

第三方脚本：<script src="https://stats.com/tracker.js" referrerpolicy="strict-origin-when-cross-origin"></script>

不要给 <link rel="stylesheet"> 加，除非你确认 CSS 服务器依赖 Referer 做权限校验（极少见）

Vue/React 等框架里动态生成的标签，也要记得在 JSX 或模板中显式绑定 referrerpolicy 属性，它不会继承父节点设置。

容易被忽略的坑：CSP 和 referrerpolicy 冲突

如果你同时用了 CSP 的 reflected-xss 或设置了 referrer-policy HTTP Header，浏览器会按“更严格的策略”生效。例如：

• HTTP Header 返回 Referrer-Policy: no-referrer
• HTML 中某个 <a></a> 标签写了 referrerpolicy="origin"
→ 实际生效的是 Header 的 no-referrer，标签上的设置被忽略

HTML Extract

使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...

下载

排查方法：
• 打开 DevTools → Network → 点开请求 → 查看 Request Headers 是否有 Referer
• 对比响应头里的 Referrer-Policy 和元素属性，以 Header 为准
• 如果只想用 HTML 属性控制，确保服务器没返回同名 Header

另外，<meta name="referrer"> 已废弃，Chrome 85+ 完全忽略，别再用。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！