HTML 显示防盗链图片
HTML 防盗链 大约 509 字需求
一些图片是有防盗链保护的，检测请求时携带的Referer请求头，不匹配则返回403 Forbbiden。
分析
一般防盗链机制，不拦截不携带Referer请求头的请求，所以可以设置请求时的referer策略。
解决
方法一
HTML head标签中添加meta referer指定no-referer。但这个方法有个缺点：所有网页中的链接都将不携带Referer请求头。
<meta name="referrer" content="no-referrer">所有meta referrer可选的值。
<meta name="referrer" content="no-referrer|no-referrer-when-downgrade|origin|origin-when-crossorigin|unsafe-url">方法二
img标签上添加referrerPolicy，指定no-referer。此方法比较灵活，推荐使用。
<img src="http://localhost/img/1.jpg" referrerPolicy="no-referrer">
阅读 1682 · 发布于 2020-01-23
———— END ————
扫描下方二维码关注公众号和小程序↓↓↓
昵称：