微信小程序封装http请求

### 封装微信小程序中的HTTP请求

在开发微信小程序时，为了提高代码的可维护性和复用性，通常会对`wx.request`进行封装。以下是基于Promise的方式实现的一个简单示例[^1]。

#### 使用Promise封装`wx.request`

通过创建一个新的函数来处理所有的网络请求可以简化调用逻辑并集中管理错误处理：

function request(url, method = 'GET', data = {}, header = {}) {
    return new Promise((resolve, reject) => {
        wx.request({
            url: url,
            data: data,
            method: method,
            header: Object.assign({'content-type': 'application/json'}, header),
            success(res) {
                resolve(res.data);
            },
            fail(err) {
                reject(err);
            }
        });
    });
}

此段代码定义了一个名为`request`的方法，它接受四个参数：URL、HTTP方法（默认为GET）、要发送的数据对象以及自定义头部信息。该方法返回一个Promise，在成功获取响应数据后将其解析并通过`resolve()`传递给后续链式操作；如果发生错误，则会触发`reject()`, 并把错误信息传出去[^2]。

对于POST请求或其他需要设置特定Content-Type的情况，可以在调用这个通用接口之前修改headers属性:

// 对于表单提交
const formDataHeader = {'content-type': 'application/x-www-form-urlencoded'};
request('your_post_url_here', 'POST', postData, formDataHeader).then(...);

// 或者JSON格式的内容
const jsonHeader = {'content-type': 'application/json'};
request('another_api_endpoint', 'PUT', jsonData, jsonHeader).then(...);

这样做的好处是可以很容易地切换不同的内容编码风格而不需要每次都重写整个请求过程[^4]。