关于这几天我的博客图片加载不出来这件事 。。。

也不知道是什么时候的开始的,我今天发现文章里面的图片都加载不出来了,也就是变成了下面这样子。。。。

前几天也有小伙伴告诉我,我的文章图片加载不出来,但是一开始没当回事。

因为我的博客图片基本都是引用我上传在CSDN的图片地址,所以一开始我觉得应该是CSDN的服务器出了问题导致我这边也加载不出来,就没在意,毕竟CSDN的服务器奔溃也不是一次两次的事情了(对了,我写博客会先在CSDN用markdown编辑器写好,然后再复制到这边来,这样可以省去了自己上传图片的功夫,很方便)。

直到今天我上线看了一下发现图片还是加载不出来,于是第一反应去看了我在CSDN的文章。哦,还好文章的图片都能正常显示,因为有时候图片审核不通过也会导致图片加载不了。但是在CSDN的文章能正常显示,但是到了这里却显示不了。看了下图片的网络地址,也没发生变化。

于是F12打开开发者工具看一下,发现所有图片的请求都变成了403,403是防止盗链的错误(这种设计,是api厂商正常保证自己的服务器不被刷流量)

解决方案:添加no-referrer

在head 中添加

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

而出现403的原因是因为有很多网站都会做安全验证

会判断我们加载资源的来源,加上这句话可以让我们请求资源的时候不发送来源信息

就可以解决403的问题,成功加载资源了

这种方法适用于一部分网站, 不适用所有网站哦

加上这句后再次访问,发现图片可以成功加载,问题解决。

end
  • 作者:chenzhen(联系作者)
  • 更新时间:2023-03-11 17:45
  • 版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
  • 转载声明:如果是转载栈主转载的文章,请附上原文链接
  • 公众号转载:请在文末添加作者公众号二维码(公众号二维码见右边,欢迎关注)
  • 评论

    新增邮件回复功能,回复将会通过邮件形式提醒,请填写有效的邮件!