微信小程序 预览也能够获取后台数据的

咱们在写小程序的时候，手机端预览发现获取不到后台数据，只能用真机调试才能够，但是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）若是要别人预览你的小程序，得先链接你的热点，才能获取到数据。

总结：

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

小程序截图：

网页手机截图：