小程序Image 远程图片加载失败

小程序Image 远程图片加载失败

• 图片加载失败
• • 小程序加载图片失败原因
  • 解决办法

图片加载失败

图片加载失败如下图：

但是浏览器访问正常：

小程序加载图片失败原因

1. 微信小程序访问时，Referrer的值为: https://servicewechat.com/wxed79d1eae1c6564a/devtools/page-frame.html，如图：
   
   而浏览器访问能正常是因为：
   
   浏览器访问请求里没有带这个小程序特有的Peferer， 所以能正常访问。

所以问题就来了，回去找我的nginx配置，应该是配置了图片访问规则，找到：

这里明确配置了，如果none referer的话，必须是*.xiupushi.top, 或者是www.xiupushi.top 才行，没有我们微信小程序带的：servicewechat.com

解决办法

知道原因了，那就很好办了，配置里加上它就好了：

保存，重启nginx，你想要的奇迹就会出现。