小程序對於網絡請求的URL的特殊要求:1)不能出現端口號; 2)不能用localhost; 3) 必須用https
(一)搭建本地https服務器(windows) 搭建出來的服務器地址為localhonst:3000
(二)用nginx進行反向代理處理(windows) 用於隱藏端口號和替換localhost
另一篇參考文:微信小程序:nginx 設置HTTPS (小程序論壇)
(三)https服務配置 以https正確訪問 測試服務器 地址
以上步驟完成后,我們就可以在小程序里使用了
1.登陸微信小程序管理頁面,設置-->開發設置-->服務器域名-->添加自己的測試域名。需要注意的是一個月只能修改5次
2.利用微信小程序開發者工具打開項目,在配置信息中點擊刷新,即可看到剛剛修改的域名
3.在需要網絡請求的地方添加log打印,以便查看返回的結果信息
wx.request({
url: 'https://www.test.com/cars',
method:'GET',
header: { 'content-type': 'application/json' },
success: function (res) {
console.log(res.data)
}
})
showRequestInfo();
以上可成功訪問到本地服務器數據。
若關機后要再次訪問,則需要:
1)
啟動json-server服務
:在創建的json文件目錄,運行命令:json-server + 文件名
json-server cars.json
(此時可訪問到http://localhost:3000/cars的數據)
2)啟動nginx服務:cmd進入nginx的安裝目錄下,運行命令: nginx -s reload

(此時訪問https://www.test.com/cars數據,若出現 非私密連接報告 ,解決 即可)
其他問題:
1)若在 網絡請求服務器API的時候報此服務器的證書無效:
在 微信開發者工具的 項目頁面的基礎信息中,勾選下面的“開發環境不校驗請求域名以及TLS版本