如何在uni-app中封装request网络请求

在uni-app中封装网络请求可以使用uni.request方法，具体封装方式如下：

1. 创建一个util.js文件，用于封装请求方法：

// util.js
export default function request(options) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: options.url,
      method: options.method,
      data: options.data,
      header: options.header,
      success: res => {
        resolve(res.data)
      },
      fail: error => {
        reject(error)
      }
    })
  })
}

2. 在需要使用请求的页面中引入util.js文件，并调用request方法：

// index.vue
import request from '@/utils/util'

export default {
  data() {
    return {
      list: []
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    async getData() {
      try {
        const res = await request({
          url: 'https://xxx.com/api/list',
          method: 'GET',
          data: {},
          header: {
            'content-type': 'application/json'
          }
        })
        this.list = res.data
      } catch (error) {
        console.error(error)
      }
    }
  }
}

以上就是在uni-app中封装request网络请求的方法，通过封装可以使请求更加方便、简洁，提高代码复用性。