图片跨域报错404

图片跨域报错404

---

---

前言

---

一、引用策略

可以用来防止图片或视频被盗。它的原理是：当前网页请求其他域的图片时，请求http 头字段里面会带个 Referrer。
图片服务器通过检测 Referrer 是否来自规定域名，来进行防盗链。如果没有设置referrer，那就可以直接绕过防盗链机制，直接使用或盗取。

二、使用

1、no-referrer：所有请求不发送 referrer。

2、no-referrer-when-downgrade（默认值）：当请求安全级别下降时不发送 referrer。
目前，只有一种情况会发生安全级别下降，即从 HTTPS 到 HTTP。HTTPS 到 HTTP 的资源引用和链接跳转都不会发送 referrer。

3、same-origin：对于同源的链接和引用，会发送referrer，其他的不会。

4、origin：在任何情况下仅发送源信息作为引用地址。源信息包括访问协议和域名。

5、strict-origin：在安全级别下降时不发送 referrer；而在同等安全级别的情况下仅发送源信息。注意：这个是新加的标准，有些浏览器可能还不支持。

6、origin-when-cross-origin：同源的链接和引用，会发送完全的 referrer 信息；但非同源链接和引用时，只发送源信息。

7、strict-origin-when-cross-origin：同源的链接和引用，会发送 referrer。安全级别下降时不发送 referrer。其它情况下发送源信息。
注意：这个是新加的标准，有些浏览器可能还不支持。

8、unsafe-url：无论是否发生协议降级，无论是本站链接还是站外链接，统统都发送 Referrer 信息。正如其名，这是最宽松而最不安全的策略。

三、在vue框架中如何解决？

在public/index.html文件中添加下列的meta标签

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

---

总结