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

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

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

[code]// 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用不同的文件来保存，如下

[code]// 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 访问

[code]//app.js

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

App({
api: api
})

4、通过app使用方法

[code]// index.js

var app = getApp()

Page({

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

})