首先寫一個後臺的數據接口,地址是:http://localhost/weicms/index...php
而後使用wx.request調用後臺數據接口的地址web
示例代碼json
1 wx.request({ 2 url: 'http://localhost/weicms/index.php?s =/addon/Cms/Cms/getList', 3 data: { 4 x: '', 5 y: '' 6 }, 7 header: { 8 'content-type': 'application/json'// 默認值 9 }, 10 success (res) { 11 console.log(res.data) 12 } 13 })
運行代碼,效果以下圖:小程序
從上圖中看到頁面一片空白,沒有獲取到數據,而且控制檯報錯(request 合法域名校驗出錯;http://localhost 不在如下 request 合法域名列表中)服務器
爲什麼出現這種錯誤?微信
打開wx.request網絡請求的開發文檔能夠看到網絡
上面截圖中紅色框就是問題所在(小程序服務器域名配置中是不能使用IP地址跟localhost),示例代碼中wx.request請求的url地址包含localhost,所以出錯。微信開發
可是通常開發過程當中都要先在本地開發調試。若是無法使用ip地址跟localhos,本地開發調試過程當中如何獲取數據呢,有沒有辦法在本地開發調試的時候屏蔽這個錯誤呢?app
答案是有的。開發文檔中指出了能夠跳過域名校驗,以下圖:工具
具體在哪裏開啓不檢驗域名的選項呢?在微信開發者工具中,點擊詳情後,選中不檢驗合法域名,以下圖所示:
此時,再次運行代碼後,效果以下圖:
從上圖看到數據已經成功獲取到了,且控制也沒有報錯,只是提示:配置中關閉合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書檢查