uni-app 封装request

Uni-app 是一个基于 Vue.js 的跨平台开发框架，可以同时开发 iOS、Android、H5 等多个平台的应用。在 Uni-app 中封装请求方法可以使用原生的 XMLHttpRequest 对象或者 uni.request 方法进行实现。

下面是一个简单的封装示例，使用 uni.request 方法：

// api/request.js
export default function request(url, method = 'GET', data = {}) {
  return new Promise((resolve, reject) => {
    uni.request({
      url,
      method,
      data,
      success: res => {
        resolve(res.data);
      },
      fail: err => {
        reject(err);
      }
    });
  });
}

然后在需要发送请求的地方引入并调用该方法：

// pages/index/index.js
import request from '../../api/request';

export default {
  methods: {
    async fetchData() {
      try {
        const data = await request('https://example.com/api', 'POST', { key: 'value' });
        console.log(data);
      } catch (err) {
        console.error(err);
      }
    }
  },
  mounted() {
    this.fetchData();
  }
}

在上面的示例中，封装了一个 request 方法用于发送请求，通过传入不同的 url、method 和 data 参数来发送不同的请求。使用 async/await 可以更方便地处理异步请求的结果。

当然，这只是一个简单的示例，实际项目中可能还需要处理请求头、错误处理、拦截器等功能，可以根据项目需要进行进一步的封装和扩展。