微信小程式wx.request請求資料報錯

先寫一個後台的資料接口，位址是：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中文網其他相關文章！