微信小程序笔记--封装一个promise请求

为了方便管理接口请求，封装一个方法，只需要对api接口进行调整即可

1、新建一个fetch.js 文件，封装微信提供的方法

// fetch.js

module.exports = function (api, path, params, method) {  //暴露接口才可以引入
  return new Promise((resolve, reject) => {
    wx.request({
      url: `${api}/${path}`,  //api地址
      method: method,  // 请求方法
      data: params,   // 参数
      header: { 'Content-Type': 'json' }, //请求头，默认
      success: resolve,
      fail: reject
    })
  })
}

2、 不同的api用不同的文件来保存，如下

// api.js

const URL = '..........'  //需要接入的api接口
const fetch = require ('./fetch.js')

function getApi (type, params) {  // get请求
  return fetch(URL, type, params, 'Get')
}
 
function fetApi (type, params) {  // post请求
  return fetch(URL, type, params, 'POST')
}

module.exports = { getApi, fetApi}

3、在app.js文件中引入， 方便使用 app 访问

//app.js

var api = require('./utils/api.js')

App({
  api: api
})

4、通过app使用方法

// index.js

var app = getApp()

Page({

  onLoad: function (options) {
    app.api.getApi('goods',{}).then(res => {
      console.log(res.data)
    })
  }

})