<meta name="referrer" content="no-referrer" />
时间: 2025-05-13 13:48:55 浏览: 72
### 如何在HTML中设置 `meta` 标签的 `referrer` 属性
为了实现 HTML 中的 `meta` 标签来控制页面的 Referrer Policy,可以通过以下方式完成:
在 `<head>` 部分添加如下代码片段:
```html
<meta name="referrer" content="no-referrer">
```
此配置表示不会向外部网站发送任何引用信息[^1]。这意味着当用户点击链接离开当前站点时,目标站点无法获取到用户的来源地址。
#### 不同的 `content` 值及其含义
除了 `no-referrer` 外,还有其他可能的值可以用于更精细地调整行为[^2]:
- **`no-referrer-when-downgrade`**: 只有在协议不降级的情况下才会发送 Referer 信息(默认值)。例如从 HTTPS 到 HTTP 的跳转会阻止发送 Referer。
- **`origin`**: 发送源 URL 而不是完整的路径作为 Referer。
- **`same-origin`**: 对于跨域请求完全隐藏 Referer;但对于同一域名下的请求则正常传递。
- **`strict-origin`**: 当没有协议降级时仅发送源 URL (而非完整路径),否则什么都不发。
- **`unsafe-url`**: 总是发送整个 URL 包括查询参数给第三方资源加载器——这是最危险但也可能是某些特定场景下必要的选项[^3].
上述每种策略都有其适用场合以及潜在风险,请根据实际需求谨慎选择合适的 policy.
#### Vue项目中的具体应用实例
对于基于Vue框架构建的应用程序来说, 如果希望全局生效该设置,则可以在位于 `public/index.html` 文件内的头部区域加入相应的 `<meta>` 定义:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Other head elements -->
<meta charset="UTF-8">
<title>Your App Title</title>
<!-- Setting the referrer policy to 'no-referrer' -->
<meta name="referrer" content="no-referrer">
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
```
这样做的好处在于能够增强隐私保护并减少不必要的数据泄露可能性[^4].
另外需要注意的是,在现代浏览器环境下还可以利用HTTP响应头字段 `Referrer-Policy` 来达到相同目的,不过本文主要讨论通过HTML文档内部定义的方式来进行操作[^5].
阅读全文
相关推荐














<!DOCTYPE html>
<html> <head><meta http-equiv=content-type content=text/html;charset=utf-8><meta http-equiv=X-UA-Compatible content=IE=Edge><meta content=always name=referrer><title>ç¾åº¦ä¸ä¸ï¼ä½ å°±ç¥é</title></head> <body link=#0000cc>
<form id=form name=f action=//www.baidu.com/s class=fm> <input type=hidden name=bdorz_come value=1> <input type=hidden name=ie value=utf-8> <input type=hidden name=f value=8> <input type=hidden name=rsv_bp value=1> <input type=hidden name=rsv_idx value=1> <input type=hidden name=tn value=baidu><input id=kw name=wd class=s_ipt value maxlength=255 autocomplete=off autofocus=autofocus><input type=submit id=su value=ç¾åº¦ä¸ä¸ class="bg s_btn" autofocus> </form> æ°é» hao123 å°å¾ è§é¢ è´´å§ <noscript> ç»å½ </noscript> <script>document.write('ç»å½');
</script> æ´å¤äº§å å
³äºç¾åº¦ About Baidu ©2017 Baidu 使ç¨ç¾åº¦åå¿
读
æè§åé¦ äº¬ICPè¯030173å· 



