先寫一個後台的資料接口,位址是:http://localhost/weicms/index...
#然後使用wx.request呼叫後台資料介面的位址
範例程式碼
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,本地開發偵錯過程中要如何取得資料呢,有沒有辦法在本地開發偵錯的時候封鎖這個錯誤呢?
答案是有的。開發文件中指出了可以跳過網域校驗,如下圖:
具體在哪裡開啟不檢驗網域的選項呢?在微信開發者工具中,點擊詳情後,勾選不檢驗合法域名,如下圖所示:
#此時,再次執行程式碼後,效果如下圖:
從上圖看到資料已經成功取得到了,控制也沒有報錯,只是提示:設定關閉合法網域名稱、web-view(業務網域)、TLS 版本以及HTTPS 憑證檢查
推薦教學:《微信小程式》
以上是微信小程式wx.request請求資料報錯的詳細內容。更多資訊請關注PHP中文網其他相關文章!