微信小程序开发笔记：wx.request() 的封装

封装 wx.request

// request.js
const baseUrl = 'https://www.example.com'

export default function request(options) {
  return new Promise((resolve, reject) => {
    const token  = wx.getStorageSync('token')
    wx.request({
      url: baseUrl + options.url,
      method: options.method,
      header: Object.assign({ token }, options.header },
      data: options.data,
      success: res => {
        if (res.data.code === 200) {
          resolve(res.data)
        } else {
          wx.showToast({
            title: res.data.message,
            duration: 5000,
            icon: 'none',
            mask: true
          })
          reject(res.data)
        }
      },
      fail: (res) => {
        wx.showToast({
          title: '请求超时，请检查网络',
          duration: 5000,
          icon: 'none'
        })
        reject()
      },
      complete: () => {}
    })
  })
}

api 封装

// api.js
import request from './request.js'

export function carouselList() {
  return request({
    url: '/carousel/list',
    method: 'POST'
  })
}

api 调用

import { carouselList } from '../../utils/api.js'

Page({
  async _initData() {
  	try {
      const data= await carouselList()
      this.setData({
        carouselList: data.carouselList
      })
	}
  }
})