上传到微信服务器的图片在前端显示“此图片未经允许不可使用”

近期在做 react + antd 的项目,不是放在微信公众平台的项目.
有个上传图片的功能,前端上传图片给接口,接口直接存到微信服务器了,上传成功后返回给前端的图片在前端显示“此图片未经允许不可使用”。

这是因为微信有防盗链机制,给自己的图片都加上了图片防盗链接,非同源不能显示。

前端用的是ant design 框架的 Upload组件自动上传 ,传给后端 File 格式的文件

后端返回的是 https://wxpaylogo.qpic.cn/ 开头的图片地址,显示出来是这样:
在这里插入图片描述

解决办法:

找到你src目录下的项目入口页, 我这的是 index.html ,加上这个 meta 配置

<meta name="referrer" content="same-origin" />

就能正常显示了
在这里插入图片描述
over.

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值