图片防盗链

目的

• 了解什么是图片防盗链
• 如何解决图片403问题

分析

有时候报错403状态码, 发现都是图片路径请求问题

原因

• http请求头中有一个referrer字段，用来表示发起http请求的源地址信息

  

• 服务器端在拿到这个referrer值后判断请求是否来自本站

  • 若不是则返回403，从而实现图片的防盗链。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的referrer信息带过去了，被对方服务器拦截返回了403

解决

在前端可以通过meta来设置referrer policy(来源策略)，referrer设置成no-referrer，发送请求不会带上referrer信息，对方服务器也就无法拦截了

<!-- 解决图片403防盗链问题 -->
<meta name="referrer" content="no-referrer" />

但是如果他们做了其他判断, 我们依旧拿不到此图片

小结

1. 图片为何会403?
   • 在自己的网页里, img的src地址是别人服务器的, 他们做了限制
2. 如何解决图片403?
   • 在index.html中, 添加meta信息, 不携带referrer给第三方服务器
   • 但是如果他们做了其他判断, 我们依旧拿不到此图片

·