微信小程序 request二次封装

1.在utils文件夹下创建文件request.js

const apiBase = "接口地址"
export const Request = (params) => {
  wx.showLoading({
    title: '加载中',
  })
  return new Promise((resolve, reject) => {
    wx.request({
      ...params,
      url: apiBase + params.url,
      header:{
        'content-type':'application/x-www-form-urlencoded'
      },
      success: (data) => {
        resolve(data.data)
      },
      fail: (err) => {
        reject(err)
      },
      complete: wx.hideLoading
    })
  })
}

2.在utils文件夹下创建文件http.js

//引入request封装
import { Request } from "./request";
//开始页面
module.exports.自定义名称= (传递的参数) => Request({
  url: "apiBase之后需要请求的接口",
  //method 方法
  method: "get"，
  //可以在此处传递参数，也可以在url路径后面进行拼接
  // data:data
})

3.wxml文件引入

const { 
  自定义名称
 } = require('../../utils/http')

4.使用

 自定义名称().then(res => {
 	// res为获取到的数据
    })