小程序基於wx.request做二次請求封裝,主要是起到請求攔截作用

第一步建一個封裝wx.request的文件

const devUrl = "https://xxxxxx"; // 基準路徑
/**
 * 
 * @param {路徑} url 
 * @param {請求方式} method 
 * @param {數據} data 
 * @param {請求頭} header 
 */
function request(url, method = 'GET', data = {}, header = {'content-type': 'application/x-www-form-urlencoded'}) {
  let bseaurl = url.slice(0, 4)
  let userinfo = wx.getStorageSync('userinfo')
  // 不是用戶的接口統一再前面添加api/
  if (bseaurl == 'user') {
      // 處理用戶的接口,主要看你們後臺跟你這邊的協商是要什麼東西
  } else {
      url = "api/" + url 
  }
  wx.showNavigationBarLoading();
  let promise = new Promise(function (resolve, reject) {
    wx.request({
      url: devUrl + url,
      header: header,
      data: data,
      method: method,
      success: function (res) {
        if (typeof res.data === "object") {
            // 後臺給你定義的狀態碼去做判斷
            // if (res.data.status === -200) {
            //   wx.showToast({
            //     title: "爲確保能向您提供最準確的服務,請退出應用重新授權",
            //     icon: "none"
            //   });
            //   reject("請重新登錄");
            // } else if (res.data.status === -201) {
            //   wx.showToast({
            //     title: res.data.msg,
            //     icon: "none"
            //   });
            //   setTimeout(function () { // 跳轉至錯誤頁面
            //     // wx.reLaunch({
            //     //   url: "**********"
            //     // });
            //   }, 1000);
            //   reject(res.data.errmsg);
            // }
        }
        resolve(res);
      },
      fail: reject,
      complete: function () {
        wx.hideNavigationBarLoading();
      }
    });
  });
  return promise;
}

module.exports = {
  devUrl: devUrl,
  request: function (url, method,data, header) {
    return request(url, method, data, header);
  }
};

// 第二步開始使用自己封裝的請求攔截

// 引入之前封裝好的請求攔截
let Requsets = require("../utils/request")
// 訂單詳情
export function orderSearchDetail(obj) {
  return Requsets.request(`user/xxxxxx?uid=${obj.uid}&orderNo=${obj.orderNo}`,'GET')
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章