图片防外盗解决方法（微博访问图片资源403问题），图片打不开显示不全

经过查询分析与提交get请求的header referer信息有关

先说下解决方法：

 在HTML源代码的head中添加一句<meta name="referrer" content="no-referrer" />或者<meta name="referrer" content="never">即可，后面再说下原理。

http请求中的referrer
http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个referrer信息，不能定制referrer里面的值。

服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站，若不是则返回403或者重定向返回其他信息，从而实现图片的防盗链。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的referrer信息带过去了，被对方服务器拦截返回了403。

在前端可以通过meta来设置referrer policy(来源策略)，具体可以设置哪些值以及对应的结果参考这里。所以针对上面的403情况的解决方法，就是把referrer设置成no-referrer，这样发送请求不会带上referrer信息，对方服务器也就无法拦截了。

隐藏referrer信息后，图片资源可以正常访问

图片防外盗解决方法（微博访问图片资源403问题），图片打不开显示不全相关推荐

前端解决第三方图片防盗链的办法 - html referrer 访问图片资源 403 问题
问题笔者网站的图片都是上传到第三方网站上的,比如简书.掘金.七牛云上的,但是最近简书和掘金都开启了防盗链,防止其他网站访问他们网站上的图片了,导致笔者的网站存在他们网站上的图片全挂了. 具体问题 ...
windows 2003服务器不断向外发包解决方法 php程序
服务器不断向外发包解决方法 php程序 iis重启后,网站正常,过一段时间,服务器的上传流量占满在c:\windows\php.ini里设置: disable_functions =gzin ...
【Microsoft Word】编辑文字后，图片位置混乱的解决方法
[Microsoft Word]编辑文字后,图片位置混乱的解决方法参考文章: (1)[Microsoft Word]编辑文字后,图片位置混乱的解决方法 (2)https://www.cnblogs. ...
universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法
universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法参考文章: (1)universal image loader在listview/ ...
vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
uni-app插入本地背景图片不能超过40kb解决方法
uni-app插入本地背景图片不能超过40kb解决方法参考文章: (1)uni-app插入本地背景图片不能超过40kb解决方法 (2)https://www.cnblogs.com/gygg/p/1 ...
本地html图片载入很慢,打开网页时图片加载很慢怎么办？网页图片打开慢的解决方法...
打开网页里的图片很慢怎么办,电脑打开带图片的网页速度很慢的原因有网速的原因也有电脑配置和软件设置的因素. 电脑打开带图片的网页速度很慢是什么原因清理影响网页打开速度的因素 cookies,开始-控制 ...
移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法
移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法本身在设置背景图片的时候是将html,body的高度设为100%,然后 .main{height: 100%;background: ...
c++imread 函数_OpenCV中C++函数imread读取图片的问题及解决方法
今天在用OpenCV实验Image Pyramid的时候发现一个奇怪的问题,就是利用C++函数imread读取图片的时候返回的结果总是空,而利用C函数cvLoadImage时却能读取到图像.代码如下: ...

图片防外盗解决方法（微博访问图片资源403问题），图片打不开显示不全

图片防外盗解决方法（微博访问图片资源403问题），图片打不开显示不全相关推荐

最新文章

热门文章