微信小程序真机调试时后台是本地服务器，显示“未能连接到服务器”

最近自己做了两个小的demo，前端是微信小程序的，后端是node+koa2实现的，顺便把微信小程序相关知识学习一下，大家有什么问题可以一起讨论，谢谢。

这次记录的是 真机调试是后台是本地服务器，显示未能连接到服务器 的问题。

在小程序开发时我们为了方便而不去搭建域名，在本地直接localhost就可以使用本地的服务器，但是小程序要求是https的域名才可以使用，所以我们在开发时要勾选详情里面的 不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 这一项，这就可以在小程序的开发者工具上看效果了。

但是想要真机调试而且使用本地服务器做后台提供数据的话，需要满足以下几点：

其实是个小问题，注意一下就可以了。

微信小程序开发过程中，在开发者工具中正常，但是在真机调试中出现202:net::ERR_CERT_AUTHORITY，以上情况发生在安卓系统，iOS系统未测试，但是根据微信开放社区的这个提问， 真机调试报错 request:fail -202:net::ERR_CERT_AUTHORITY？ , 苹果系统应该是没有问题的。

本解决方案不一定适用于所有的以上报错，在看决绝方案前请先确认以下情形：

通过搜索 202:net::ERR_CERT_AUTHORITY ，会发现网上大部分是Chrome浏览器出现该问题，而解决方案大都只想证书，以此为切入点，再结合服务器的配置情况，推测是安卓系统的微信对通配证书的支持存在问题导致的，有了思路后就开始实践一下。

以上问题的产生不清楚是不是安卓系统对通配证书的支持存在缺陷导致的，到了这个层面有些超出我的知识范畴了，在此不乱推了。

另外吐槽一下微信，证书问题为什么返回的是202，起码应该是4XX啊......

在小程序中ios真机调试无法显示webp格式

在模拟器中是可以正常显示的，但是到了真机中就没有办法显示了。

是因为部分iphone手机不识别webp的图片格式

解决方案：让后台修改一下图片的格式

前端通过正则表达式的方式 去替换一下格式（临时修改）确保后台存在webp =>jpg

goods_introduce:goodsDetail.goods_introduce.replace(/.webp/g, ".jpg")

---