H5 img标签图片无法显示或video标签视频无法显示解决方法

错误场景：

有时候复制网络上带图片的文章，或者抓取网络上视频的链接，放到自己的项目页面上展示时经常报错403，但是把图片或视频的链接打开时是正常的，如下。

Failed to load resource: the server responded with a status of 403

直接访问图片或视频的链接请求头如下（正确）：

自己项目页面上展示时报错的请求头如下（错误）：

经过对比发现错误的请求头中多了个Referer字段，所以我们只需要去掉Referer字段就可以了。

可以使用Meta标签控制referer，在H5 的 header 加入meta <meta name="referrer" content="never">

为什么请求头是Referer，但是我们的meta标签中的name的值却是referrer呢？

因为：Referer 的正确英语拼法是referrer，由于早期HTTP规范的拼写错误，为了保持向后兼容就将错就错了。