小程序封装全局性的api请求、以便于管理代码

在utils中创建config.js来存放域名

export default {  // api请求前缀
  webUrl: 'https://xxxx.com/api/'
}

接着还是在utils中创建request.js来存放api请求

//先引入config中的域名
import config from "./config.js";
//api请求
function https(type, url, data) {
   var apiUrl = config.webUrl + url;  //域名后面拼接+后台的url
  return new Promise((resolve, reject) => {
    wx.request({
      header: {
        "Content-Type": 'application/json;charset=utf-8',
        "Authorization": 'Bearer ' + wx.getStorageSync('Authorization')
      },
      url: apiUrl,
      method: type,
      data: JSON.stringify(data),
      dataType: 'json',
      success: (res) => { 
        resolve(res)
      },
      fail: (res) => {
        reject(res)
      },
      complete: (res) => {
      }
    })
  })
}
//把方法暴露出去
export default {
  https 
}

下面就需要在app.js中操作了

//引入request.js
const request = require('./utils/request')
App({
  onLaunch: function () {},
  https: request.default.https,  //把暴露的https引入中
  globalData: {
    userInfo: null
  },
}) 

请求已经在全局封装成功了、就需要单独页面中使用

// 在index.js中引入app
const app = getApp();
//xxxx 代表url  params代表参数  var params={id:'xxx'}
app.https('POST', 'xxxxx', params).then(res => {
      console.log(res) //打印结果
})

全局封装就结束了