惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
SegmentFault 最新的问题
博客园 - 三生石上(FineUI控件)
Hugging Face - Blog
Hugging Face - Blog
博客园 - Franky
云风的 BLOG
云风的 BLOG
I
InfoQ
小众软件
小众软件
Last Week in AI
Last Week in AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
大猫的无限游戏
大猫的无限游戏
A
About on SuperTechFans
Stack Overflow Blog
Stack Overflow Blog
The Cloudflare Blog
雷峰网
雷峰网
P
Proofpoint News Feed
腾讯CDC
H
Help Net Security
V
Visual Studio Blog
美团技术团队
F
Fortinet All Blogs
MongoDB | Blog
MongoDB | Blog
阮一峰的网络日志
阮一峰的网络日志

阁主学习小站

win11更新报错:net start wuauserv 发生系统错误 1290-电脑技术-阁主学习小站 Docker 常用命令大全,方便日常查阅-服务端兮-阁主学习小站 Linux系统磁盘挂载管理工具-服务端兮-阁主学习小站 Debian13 Linux系统无法关闭swap、无法完全禁用的问题和解决方案-服务端兮-阁主学习小站 minio服务器上文件访问不了-编程教程-阁主学习小站 MINIO 最新版无法通过页面的控制台配置accesskey-编程教程-阁主学习小站 centos9无法启用ssh服务-服务端兮-阁主学习小站 关闭浏览器访问http时自动转https-编程教程-阁主学习小站 原生PHP实现单图、多图文件批量上传-PHP教程-阁主学习小站
前端图片<img>、链接<a>等去除referer标记,绕过防盗链-...
阁主 · 2024-07-17 · via 阁主学习小站
摘要:

工作太忙,近一年没更新文章了,今天水一篇笔记。长话短说看正文!

引入

在页面调用图片等其它资源时,或者发生页面跳转时,都会向服务端发生一个带Referrer的HTTP请求,这也是一些网站做防盗链的抓手,在Referrer Policy策略发面前,浏览器可以按自己的默认规则来决定是否加上Referrer。所以解决原理就是img、a这类标签有自带的参数可以解决请求资源地址的时候不带referer请求头。
默认是带着我们的referer.png

方法一

第一种方法比较适合img标签少的情况,只需要在我们的img标签里添加下图的参数即可:referrerpolicy=”no-referrer”
添加参数

方法二

第二种方法适合页面非常多第三方资源的情况,通常直接添加meta标签达到相同效果,这个标签设置后是可以一劳永逸的。

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

参考文章

前人栽树,后人乘凉,列出本文学习参考的第三方文章!