微信小程序常见网络请求失败问题总结及解决方案

微信小程序常见网络请求失败问题总结及解决方案

微信开发者工具中未勾选不校验合法域名设置

未勾选这个设置在任何环境下发送http网络请求会失败
微信小程序常见网络请求失败问题总结及解决方案_第1张图片

发送的是https请求,但网络请求依旧是失败

需要到官方的微信小程序后台的 开发管理 -> 开发设置 -> 服务器域名配置位置进行域名的配置
微信小程序常见网络请求失败问题总结及解决方案_第2张图片

在体验版环境下无法发送http网络请求

点击小程序右上角 ··· 打开菜单
-> 点击开发调试按钮
-> 打开调试
-> 打开后需要重新打开小程序
-> 然后小程序界面中出现绿色的 vConsole 按钮即可
微信小程序常见网络请求失败问题总结及解决方案_第3张图片

微信开发者工具中网络请求正常,真机上就是发不了请求

检查您的手机手机和公司的开发环境是否在同一局域网内, 一般就是用着同一个网络就ok

题外小故事:
最近换了一家新公司, 测试反馈了小程序的一个bug, 我三下五除二, 把bug解决了, 发了个体验版, 然后带着点好奇心想用手机体验体验咱公司的小程序

欸, 欸, 欸, 咋的都没数据, 根据我多年经验, 我直接在开发者工具开启真机调试, 查看了网络请求的列表, 一看, 全部都是 pennding , 然后再过一会儿, 都 fail 了, 我可劲的研究请求、查设置、对比电脑发的跟手机发的有什么不同、看网络请求咋封装的、疯狂百度······ 都没有结果, 搞到了晚上20点, 心态崩了, 灰头土脸的先回家了

我真的炸裂啊, 一个小bug一直在心里膈应着我, 第二天上班, 我又振作起来百度找bug, 然后听到同事在聊小程序相关的问题, 我问: 你能用吗? 她们说可以呀, 我傻了, 我说我手机发不了请求, 然后她们直接一语中的, 直接点出了我的问题所在, 说我没连wifi,,, 虽然我连了, 但是连错了······

不过没连wifi这个问题我真没想到, 虽然我知道也遇见过这个问题的, 但这次还真没想起来... 因为上家公司的体验版环境也是https的, 并且也在小程序后台做了配置, 每次用都没问题, 流量也能访问, 太过于轻松, 导致忘记了今天遇到的这个问题

因此写了今天这个文章, 欢迎大家补充和讨论哈!!

你可能感兴趣的:(前端微信小程序)