微信小程序 預覽也能夠獲取後臺數據的

咱們在寫小程序的時候，手機端預覽發現獲取不到後臺數據，只能用真機調試才能夠，但是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）若是要別人預覽你的小程序，得先鏈接你的熱點，才能獲取到數據。

總結：

對了，若是你還有了網頁，那麼同樣可使用這種方法在手機上訪問你的界面的。

小程序截圖：

網頁手機截圖：