真机上小程序图片浏览器wx.previewImage无法加载图片,小程序图片请求报错no-referrer-when-downgrad

真机上小程序图片浏览器wx.previewImage无法加载图片

小程序开发工具中的使用wx.previewImage图片很快就显示出来了,但是在手机上图片打开浏览器却一支显示加载状态

网站图片支持http和https访问

但是接口返回的是http的形式

在工具中会出现如下报错,

状况如下:

1、图片正常循环渲染在小程序开发工具中不显示,但是在真机可以访问。

2、但是wx.previewImage的使用却是相反的,在开发工具打开图片预览可以正常显示,但真机中不显示

——————————————————————————————————————————————————

1、网络中报错

真机上小程序图片浏览器wx.previewImage无法加载图片,小程序图片请求报错no-referrer-when-downgrad_第1张图片

 

2、图片没有显示出来

真机上小程序图片浏览器wx.previewImage无法加载图片,小程序图片请求报错no-referrer-when-downgrad_第2张图片

3、点击图片预览成功显示

真机上小程序图片浏览器wx.previewImage无法加载图片,小程序图片请求报错no-referrer-when-downgrad_第3张图片

4、查看请求头

真机上小程序图片浏览器wx.previewImage无法加载图片,小程序图片请求报错no-referrer-when-downgrad_第4张图片

终于知道方向了

百度了一下no-referrer-when-downgrad 是表达什么意思

大致意思是“从一个网站链接到另外一个网站会产生新的http请求,referrer是http请求中表示来源的字段。

no-referrer-when-downgrade表示从https协议降为http协议时不发送referrer给跳转网站的服务器。”

 

解决途径:

原因的网站是使用使用七牛云的地址,七牛云有白名单

最后把小程序的服务  servicewechat.com   *.servicewechat.com  添加入白名单

最后终于可以正常访问了

不管是开发工具正常渲染的图片,还是真机上的图片浏览器都可以访问图片

好坑啊!!!!

最后

注意:等七牛云添加白名单成功之后,记得清除开发工具的缓存

 

 

 

 

你可能感兴趣的:(笔记)