本文讲述了作者在维护小程序时遇到的一个常见问题：在开发者工具中一切正常，但在手机真机测试时内部页面显示为空白。原因是接口地址配置为公司内网，手机数据流量不处于同一网络环境下，导致接口请求失败，进而引起页面无法渲染。解决方案是检查手机网络与接口服务器的连通性，确保两者在同一局域网下，或者上线前替换为公网地址。
总有些报错让你摸不着头脑，赶紧留个印象，下次遇到不要找半天了
由于最近工作比较忙，穿插进来个老项目需要临时维护下，在维护的时候发现小程序在开发者工具中都能正常打开、调试
但当我拿起手机真机测试的时候，内部页面一片空白？？？
调试器也没有任何报错（欢迎页面能进入，内部业务页面一片空白）
我改点样式就让整个小程序无法显示了？不是？我电脑上不是没毛病吗？
抓耳挠腮半天猛然醒悟过来…为了方便和后端同学联调，接口地址配的是公司内网…，公司电脑处于公司局域网下，自然可以正常访问
而手机用的是数据流量，不和公司电脑处于同一网络下…
- 我遇到的情况其实是项目内部逻辑不够健全导致的，根据用户角色渲染页面，而调试用的 ip 是局域网 ip ，手机不在同一局域网下，接口没有获取到用户信息，就导致没有页面内容渲染出来，导致空白页…
下回遇到这个问题可以排查下手机和 接口 ip 是否在同一局域网下
像 http://192.168.192.161/xxxapi 这种 ip 就是典型的公司局域网地址，正式上线千万记得换掉！
扫一扫
1605
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
