最近做了个小游戏,遇到了些问题,现记录一下问题之一,帮助自己以后需要时好回忆,也顺便分享给需要的小伙伴们,有误的地方请帮忙指正!
问题:h5在微信里访问,正常调接口时数据请求成功,但是里面的图,没有呈现出来。
排除原因:
1.本地用代理,支持http协议,http协议的能访问到,但是没有设置对https协议站点的支持,当图片是https站点的数据时,则访问不到。
于是找了教程进行配置。百度很多,可参考:https://segmentfault.com/a/1190000005070614
解决办法:将代理charles工具设置上支持https的配置。
2.即使完成了第一步,还是不支持https。查询到了这个说法:
经过上述操作之后我们可以抓取移动端Safari浏览器的https的包,因为我们已经在IOS内信任了Charles的证书,但是微信浏览器它似乎不是用的系统的信任体系,因此有了如下的错误提示:
说明微信浏览器并不信任Charles的 Root Certificate。
因为微信浏览器默认拒绝不安全的https,因此屏幕会直接提示网络出错。
然后,可以试用一下它后面介绍的方法:
微信端的手机调试应该会比较头疼了,在此推荐一下另外一种调试方式吧。
微信web开发者工具
亲测,可行,非常棒,漂亮!以后在手机微信里的抓包都可以用微信web开发者工具来替代了,完美解决!
方法一步骤见图:
将页面用<web-view> 嵌到小程序里去(此处自行百度镶嵌方法)
方法二步骤见图,或者直接用公众号网页项目这个,
就能像浏览器里一样输入链接进行调试了
如上设置完后,我们就可以像是在手机端调试一样,被charles抓到包了!!!
抓包方法吸取自原著:https://blog.csdn.net/abld99/article/details/74011480