微信小程序 预览也可以获取后台数据的

我们在写小程序的时候，手机端预览发现获取不到后台数据，只能用真机调试才可以，可是mac端的开发者工具对于真机调试的体验苦不堪言，各种bug（官方bug）。所以我想有没有什么办法直接使用预览也可以一样获取到数据呢。花了一天的时间，终于是成功了。ps：我室友预览的时候一样可也以有数据。

关键点：

手机，服务器，保持同一局域网。

第一步：开启局域网

方法1）使用电脑开启共享wifi，手机连接此wifi。不过这里因为我们学校内部网需要账号登陆，所以我没采用这种方法，不过这种方法的后续流程和第二种方法差不多。

方法2）手机开启热点，电脑连接此热点。

1）连接后，首先找到分配给电脑的IP。mac获取IP在设置->网络，里面就可以看到。

或者在终端输入 ifconfig，可以找到

第二步：修改服务器地址

我后台使用的SpringBoot，在properties里面直接修改

第三步：修改url地址：

之前使用的url地址类似于：http://localhost:8080/user/login/

修改后服务器地址后同一修改为：http://172.20.10.2:8080/user/login/

重启后台，然后在postman测试一下：

ok，可以获取到数据。 然后我们把小程序里的request里的url全部使用这种方法。

重新编译后，测试一下可不可以获取到数据，如果之前步骤没错，肯定没问题的。 我们直接使用预览，也是一样可以获取到数据的。

注意点：

1） 在后台修改了地址后，以后必须在热点环境下运行项目，不然会报错。（我就是有一次忘记连热点，结果一直启动失败，我还以为是8080端口占用问题）

2）如果要别人预览你的小程序，得先连接你的热点，才能获取到数据。

总结：

对了，如果你还有了网页，那么一样可以使用这种方法在手机上访问你的界面的。

小程序截图：

网页手机截图：

转载于:https://juejin.im/post/5cef5fef6fb9a07ef443eb1d