微信小程序封装api接口

在utils新建个http.js文件，然后写入下列代码

export default function wxRequest(url, params, method = "GET") {
     
  return new Promise(function (resolve, reject) {
     
    wx.showLoading({
     
	  title: '正在加载中'
	})
    wx.request({
     
      url,
      data: params,
      method: method ? method : "GET",
      header: {
     
        'content-type': 'application/json'
      },
      success: res => {
     
        wx.hideLoading()
        resolve(res)
      },
      fail: err=> {
     
        reject(err)
        wx.hideLoading()
        wx.showModal({
     
          title: '网络错误',
          content: '网络出错，请刷新重试',
          showCancel: false
        })
      }
    })
  })
}

在页面中引用

import wxRequest from "../../utils/http.js";

在全局app.js里配置全局的url

  urlData: {
     
    key: '1111111111',
    wid: '11111111',
    sign: '1111111111',
    baseURL: 'https://php.com',
  },

请求后台接口

const app = getApp();
 onLoad: function(options) {
     
    wxRequest(app.urlData.baseURL, {
     这里是传后台参数}, "POST").then(res => {
     
      if (res.data) {
     
        this.setData({
     
          menuList: res.data
        })
      }
    })
  },