vue：图片加载失败（此图片来自微信公众平台未经允许不可引用）

一、这个问题并不是微信配置的原因，而是meta没有定义

 

  

二、复现：图片加载不出来

三、错误排查：

然后将图片地址放在360和Google中访问，

第一次打开提示：此图片来自微信公众平台未经允许不可引用

第二次按F5刷新页面可以正常显示

 

四、解决方法（vue为例）：

在代码中添加 <meta name="referrer" content="no-referrer"> 标签即可，html文件等效作用

no-referrer：所有请求不发送 referrer。

<template>
    <div id="app">
        <meta name="referrer" content="no-referrer">
        <router-link>
    </div>
</template>