uni-app学习笔记（封装自己的请求）

Author：五毛
发布时间：April 22, 2020
714views
One comment
1119 words
Categories：设计学习

#### 原生发请求

```javascript
    wx.request({
      url: "",
      success(res) {
        console.log(res);
      }
    });
```

uni-app封装的请求(原因是原生请求没有进行promise封装)

#### 使用uni-app的api发送请求

```javascript

uni
      .request({
        url: "", //仅为示例，并非真实接口地址。
        data: {
          text: "uni.request"
        },
        header: {
          "custom-header": "hello" //自定义请求头信息
        }
      })
      .then(res => {
        console.log(res);
      });
```

#### 封装自己的异步请求

##### 为什么要封装

1. 原生的不支持promise

2. uniapp的原生请求如果要加loading效果会很麻烦

3. uniapp的请求返回值是一个数组,他的第1项才是返回的信息,第0项返回的错误信息,如果正确就是null

```javascript
export default params => {
    //加载中
    uni.showLoading({
        title: '加载中'
    });
    return new Promise((resolve, reject) => {
        wx.request({
            ...params,
            success(res) {
                resolve(res.data)
            },
            fail(err) {
                reject(err)
            },
            complete() {
                uni.hideLoading()
             }
        })
    })
}
```

然后挂载到原型上就可以使用了

Last modification：April 22nd, 2020 at 03:33 pm

If you think my article is useful to you, please feel free to appreciate