微信小程序 封裝接口

1.util-util.js

//封裝接口
let baseURL = 'http://127.0.0.1:3000/';   //接口路徑
let request = function (url, options = {}) {
  let myUrl = `${baseURL}${url}`;
  // 處理method,data,params=> 查詢字符串
  // 如果有請求頭
  // 合並對象data
  // 如果params 添加查詢字符串參數
  //接口的參數
  if (options.params) {
    let urlQueryString = qs.stringify(options.params, {   //使用到qs ,先下載，后引入
      addQueryPrefix: true,
      allowDots: true, 
    });
    myUrl += urlQueryString;
  }

  return new Promise((resolve, reject) => {
    wx.showLoading({
      title: '玩命加載中...',
    });
    wx.request({
      method: 'get',
      url: myUrl,
      success: resolve,
      fail: reject,
      complete: wx.hideLoading,
      ...options  //直接展開
    });
  });
}

　　2.引入qs

const  qs= require('../static/js/qs.js');

3.將這個接口暴露出去

module.exports = {
  formatTime: formatTime,
  request:request
}

　4.在app.js引進工具對象，便於其他頁面使用

const { request, formatTime }=require('./utils/util.js');
//向外提供屬性
  globalData: {
    userInfo: null,
    formatTime,
     request
  }

5.先 在請求的頁面引入，使用 async  await

引入

//解構賦值
const  { request } =getApp().globalData;

使用 async  await

 let swipe = await request('slides', {
      method: 'get',
      params: {
        a: 1, b: 2
      },
    });