微信小程序wx.request請求數據報錯:不在如下 request 合法域名列表中

首先寫一個後臺的數據接口,地址是: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 證書檢查

相關文章
相關標籤/搜索