小程序api提供了很多方法,可以把loading狀態統一封裝到網絡請求方法中
//使用promise封裝一個 請求
export function request(params){
// 在請求 數據回來之前 顯示一個加載中
wx.showLoading({
title: '加載中',
// mask:true 蒙版效果
})
//定義公共部分 url
const baseUrl = "https://localhost:3002"
//將傳過來的參數結構出來
return new Promise((resolve,reject)=>{
// 發起請求
wx.request({
...params,
url:baseUrl + params.url,
success:(res)=>{
//成功的回調
resolve(res)
},
fail:(err)=>{
//失敗的回調
reject(err)
},
complete:()=>{
//當請求完成時,就關閉 加載中 彈框
wx.hideLoading()
}
});
});
}