HTML代码图片地址直接在浏览器上可以打开，但是在img标签请求404错误

BUG问题

问题如下图

解决方法

在html顶部声明代码区中添加下面的代码：

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

测试结果

下图为正常结果

原因分析：

• http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个referrer信息，不能定制referrer里面的值
• 服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站
• 图片服务器做了防盗链的这种情况下就会有这种问题，因为图片服务器根据referrer值判断不是本站，就访问不到。

参考文章

https://www.jianshu.com/p/e1f2c416facc