html设置meta值解决此图片来自微信公众平台未经允许不可引用的问题

前言

微信公众平台对图片采用了防盗链设置，从微信公众平台获取的图片，可能会无法正常显示，如下图。

 

解决方法

在html的head中添加一个meta标签，在meta标签里指定referrer的值

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

解析

referrer是来源页面的意思。

值（旧）	描述	值（新）
default	仅当发生协议降级（如 HTTPS 页面引入 HTTP 资源，从 HTTPS 页面跳到 HTTP 等）时不发送 Referrer 信息。这个规则是现在大部分浏览器默认所采用的；	no-referrer-when-downgrade
never	任何情况下都不发送 Referrer 信息；	no-referrer
always	无论是否发生协议降级，无论是本站链接还是站外链接，统统都发送 Referrer 信息。正如其名，这是最宽松而最不安全的策略；	unsafe-url
origin	origin：发送只包含 host 部分的 Referrer。启用这个规则，无论是否发生协议降级，无论是本站链接还是站外链接，都会发送 Referrer 信息，但是只包含协议 + host 部分（不包含具体的路径及参数等信息）； origin-when-crossorigin：仅在发生跨域访问时发送只包含 host 的 Referrer，同域下还是完整的。它与 Origin Only 的区别是多判断了是否 Cross-origin。需要注意的是协议、域名和端口都一致，才会被浏览器认为是同域；	origin、origin-when-crossorigin

 如果 content 属性不是合法的取值，浏览器会自动选择 no-referrer 这种最严格的策略。

完。