首頁  >  文章  >  微信小程式  >  微信小程式wx.request請求資料報錯

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

hzc
hzc轉載
2020-06-19 10:55:253782瀏覽

先寫一個後台的資料接口,位址是: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  })

執行程式碼,效果如下圖:

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

#從上圖看到頁面一片空白,沒有取得到數據,且控制台報錯(request 合法網域校驗出錯;http://localhost 不在以下request 合法網域清單中)

為何會出現這種錯誤?

開啟wx.request網路請求的開發文件可以看到

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

#上面截圖紅色方塊就是問題所在(小程式伺服器網域配置中是不能使用IP位址跟localhost),範例程式碼中wx.request請求的url位址包含localhost,因此出錯。

但是一般開發過程中都要先在本地開發調試。如果沒辦法使用ip位址跟localhos,本地開發偵錯過程中要如何取得資料呢,有沒有辦法在本地開發偵錯的時候封鎖這個錯誤呢?

答案是有的。開發文件中指出了可以跳過網域校驗,如下圖:

具體在哪裡開啟不檢驗網域的選項呢?在微信開發者工具中,點擊詳情後,勾選不檢驗合法域名,如下圖所示:

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

#此時,再次執行程式碼後,效果如下圖:

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

從上圖看到資料已經成功取得到了,控制也沒有報錯,只是提示:設定關閉合法網域名稱、web-view(業務網域)、TLS 版本以及HTTPS 憑證檢查

推薦教學:《微信小程式

以上是微信小程式wx.request請求資料報錯的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除