防盗链那些事之 referer

Question

自己的博客图片链接使用 B 站的图床，如果直接使用这些链接的话，是会返回 403 的。然后今天在做 B 站短链生成器 的时候，生成的短链想要点击之后直接新窗口打开，页面展示 403，如果在地址栏再点一次回车或者复制链接打开都是正常的。

原因

原因都是一样的，因为 B 站开启了防盗链，利用的是 HTTP 的 Referer 属性做判断。如果 Referer 是他白名单之外的网站，就会返回 403。

解决方案

全站图片使用

在 html 的 head 标签中设置如下标志，那么全站资源引用都不会携带 referrer

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

新窗口打开

主要设置 rel="noreferrer" ，使用 window.open 打开的话是会默认携带 referrer 的，第一次还是会 403

<a rel="noreferrer" target="_blank"></a>