我们在写小程序的时候,手机端预览的发现获取不到数据,只能是用真机调试才可以,可以mac端的开发者工具对于真机调试的体验苦不堪言,各种bug(官方bug)。所以我想有没有什么办法直接使用预览也可以一样获取到数据呢。花了一天的时间,终于是成功了。我室友预览的时候一样可也以有数据。
关键点:
手机,服务器,保持同一局域网。
第一步:开启局域网
方法1)使用电脑开启共享wifi,手机连接此wifi。不过这里因为我们学校内部网需要账号登陆,所以我没采用这种方法,不过这种方法的后续流程和第二种方法差不多。
方法2)手机开启热点,电脑连接此热点。
1)连接后,首先找到分配给电脑的IP。mac获取IP在设置->网络,里面就可以看到。
或者在终端输入ifconfig,可以找到
第二步:修改服务器地址
我后台使用的SpringBoot,在properties里面直接修改
重启后台,然后在postman测试一下:
ok,可以获取到数据。
然后我们把小程序里的request里的url全部使用这种方法。
重新编译后,测试一下可不可以获取到数据,如果之前步骤没错,肯定没问题的。
我们直接使用预览,也是一样可以获取到数据的。
注意点:
1) 在后台修改了地址后,以后必须在热点环境下运行项目,不然会报错。(我就是有一次忘记连热点,结果一直启动失败,我还以为是8080端口占用问题)
2)如果要别人预览你的小程序,得先连接你的热点,才能获取到数据。
总结:
对了,如果你还有了网页,那么一样可以使用这种方法在手机上访问你的界面的。
小程序截图:
网页手机截图:
总结
以上是编程之家为你收集整理的微信小程序预览也可以获取数据的全部内容,希望文章能够帮你解决微信小程序预览也可以获取数据的所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。