這篇文章主要介紹“怎么封裝微信小程序http攔截器”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“怎么封裝微信小程序http攔截器”文章能幫助大家解決問(wèn)題。

成都創(chuàng)新互聯(lián)專(zhuān)注于衡陽(yáng)縣網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供衡陽(yáng)縣營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，衡陽(yáng)縣網(wǎng)站制作、衡陽(yáng)縣網(wǎng)頁(yè)設(shè)計(jì)、衡陽(yáng)縣網(wǎng)站官網(wǎng)定制、成都小程序開(kāi)發(fā)服務(wù)，打造衡陽(yáng)縣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供衡陽(yáng)縣網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

第一步：創(chuàng)建一個(gè)request.js文件

第二步：確定http、upload和websocket前綴

第三步：封裝wx.request

在請(qǐng)求發(fā)出前處理http地址、請(qǐng)求頭和參數(shù)、在響應(yīng)后解析返回值并做基本的邏輯判斷，重點(diǎn)是使用Promise對(duì)象。

第四步：導(dǎo)出模塊

第五步：使用request

const Request = require("/utils/request");//導(dǎo)入模塊
Request.post("/api/xcxWxLogin", { //調(diào)用方法
     code: res.code,
     encryptedData: resp.encryptedData,
     iv: resp.iv,
     shareId: share.shareId || "",
     salesmanId: share.salesmanId || "",
     source: share.source || ""
}).then(res => { //成功回調(diào)
  //todo
}).catch(err => {}); //異常回調(diào)

第六步：攔截器完整代碼

const apiHttp = "https://*****.com";
const socketHttp = "wss://*****.com/wss";
function fun(url, method, data, header) {
data = data || {};
header = header || {};
let sessionId = wx.getStorageSync("UserSessionId");
if (sessionId) {
if (!header || !header["SESSIONID"]) {
 header["SESSIONID"] = sessionId;
}
}
wx.showNavigationBarLoading();
let promise = new Promise(function(resolve, reject) {
wx.request({
 url: apiHttp + url,
 header: header,
 data: data,
 method: method,
 success: function(res) {
  if (typeof res.data === "object") {
   if (res.data.status) {
    if (res.data.status === -200) {
     wx.showToast({
      title: "為確保能向您提供最準(zhǔn)確的服務(wù)，請(qǐng)退出應(yīng)用重新授權(quán)",
      icon: "none"
     });
     reject("請(qǐng)重新登錄");
    } else if (res.data.status === -201) {
     wx.showToast({

      title: res.data.msg,
      icon: "none"
     });
     setTimeout(function() {
      wx.navigateTo({
       url: "/pages/user/supplement/supplement"
      });
     }, 1000);
     reject(res.data.msg);
    }
   }
  }
  resolve(res);
 },
 fail: reject,
 complete: function() {
  wx.hideNavigationBarLoading();
 }
});

});
return promise;
}
function upload(url, name, filePath) {
let header = {};
let sessionId = wx.getStorageSync("UserSessionId"); //從緩存中拿該信息
if (sessionId) {
if (!header || !header["SESSIONID"]) {
 header["SESSIONID"] = sessionId; //添加到請(qǐng)求頭中
}
}
wx.showNavigationBarLoading();
let promise = new Promise(function(resolve, reject) {
wx.uploadFile({
 url: apiHttp + url,
 filePath: filePath,
 name: name,
 header: header,
 success: function(res) {
  resolve(res);
 },
 fail: reject,
 complete: function() {
  wx.hideNavigationBarLoading();
 }
});
});
return promise;
}
module.exports = {
apiHttp: apiHttp,
socketHttp: socketHttp,
"get": function(url, data, header) {
return fun(url, "GET", data, header);
},
"post": function(url, data, header) {
return fun(url, "POST", data, header);
},
upload: function(url, name, filePath) {
return upload(url, name, filePath);
}
};

關(guān)于“怎么封裝微信小程序http攔截器”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前題目：怎么封裝微信小程序http攔截器
標(biāo)題來(lái)源：http://www.chinadenli.net/article0/gccsoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、服務(wù)器托管、、虛擬主機(jī)、移動(dòng)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)