近期在做 react + antd
的项目,不是放在微信公众平台的项目.
有个上传图片的功能,前端上传图片给接口,接口直接存到微信服务器了,上传成功后返回给前端的图片在前端显示“此图片未经允许不可使用”。
这是因为微信有防盗链机制,给自己的图片都加上了图片防盗链接,非同源不能显示。
前端用的是ant design 框架的 Upload组件自动上传 ,传给后端 File
格式的文件
后端返回的是 https://wxpaylogo.qpic.cn/
开头的图片地址,显示出来是这样:
解决办法:
找到你src目录下的项目入口页, 我这的是 index.html ,加上这个 meta
配置
<meta name="referrer" content="same-origin" />
就能正常显示了
over.