微信小程序 wx:request的封装

首先创建一个request文件

文件中写入：

const app = getApp();
module.exports = (url, data, method = "get", header = {}) => {
  wx.showLoading({
    title: 'Loading...',
    mask: true
  })
  return new Promise((resolve, reject) => {
    wx.request({
      url: app.config.apiBase + url,
      data,
      header,
      dataType: "json",
      success: resolve,
      fail: reject,
      complete: wx.hideLoading
    })
  })
}

然后再app.js中配置全局的公共接口

App({
  onLaunch() {

  },
  globalData: {
    userInfo: null
  },
  //全局变量
  config: {
    apiBase: "https://locally.uieee.com"
  }
})

紧接着就可以使用了，只需在要用到的页面调用即可：

const request = require('../../utils/request')

Page({

  /**
   * 页面的初始数据
   */
  data: {
    slides: [],
    categories: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    request("/slides").then(res => {
      this.setData({
        slides: res.data
      })
    }).catch(err => {
      console.log(err);
    })
    request('/categories').then(res => {
      
      this.setData({
        categories:res.data
      })
    }).catch(err=>{
      console.log(err);
    })