【微信小程序】网络请求封装 使用Promise 封装 wx.request

创建httpServire.js 统一请求模板

const app = getApp();
// 线上
const URL_HOST = 'https://betadoctor.taiorient.com/api/';
let header = {
  "content-type": "application/json;charset=UTF-8"
}
const formatParams = (data) => {
  let arr = [];
  for (let name in data) {
    arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
  }
  return arr.join("&");
}
// 请求封装
export const httpService = (urlEnd, params, method) => {
  return new Promise((resolve, reject) => {
    let url = '', data = ''
    if (method == 'post') { 
      url = URL_HOST + urlEnd
      data = params
    } else if (method == 'get') { 
      url = URL_HOST + urlEnd + '?' + formatParams(params)
      data = undefined
    }
    wx.request({
      url,
      data,
      method,
      header: header,
      timeout: 15000,
      success: res => {
        if ( res.data.code == 200 ) {
          resolve(res.data)
        } else {
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
            duration: 2000
          })
          reject(res)
        }
      },
      fail: error => {
        wx.showToast({
          title: error.errMsg,
          icon: 'none',
          duration: 2000
        })
        reject(error)
      },
    })
  })
}

创建对应模块的api

const { httpService } = require("./httpServire.js");
export const myHomePage = params => {
  return httpService("applet/user/myHomePage", params, "get");
};

页面调用

const { myHomePage } = require("../../utils/api.js")
async myHomePagePort() {
    let data = {}
    const getData = await myHomePage(data)
    console.log(getData)
}