后端返回HTML图片不显示问题 排bug

解决办法拉到最后

在做官网的资讯板块，后端要返回一些新闻数据，为了使页面更加真实，就去百度扒了些相关的文章，在本地一切正常，但是给后端然后一返回图片就裂开了

 

但是地址输回车可以直接访问到，一开始我以为是后端的问题，需要在服务器加啥请求的配置来访问第三方的资源

有点不得其解，后面问了另外一个后端朋友

一开始还以为他说的是http 响应头 后端加的那个，原来他说的是Meta标签的一个属性

然后我就去差Meta属性的各个配置发现都没有直接说明这个问题的

 

我突然想到帅地之前在他的星球说因为掘金给图片加了防盗链导致他文档的图片全挂了

我再次查看我请求的图片资源，发现裂开的图片地址都含了百度，所有应该是百度加了防盗链的缘故才会导致裂图，知道了这个就很好搜索了

官方输出图片的时候，判断了来源 Referer ，就是从哪个网站访问这个图片，如果是你的网站去加载这个图片，那么 Referer 就是：你的网站地址；

如果我们的网站地址不在官方的白名单内，所以就看不到图片了。

只需要在HTML文件head那里加上这句话就可以访问到了

<meta name="referrer" content="never">

参考文章：https://github.com/biaochenxuying/blog/issues/31