uni-app中封装request请求vue3

在uni-app中封装request请求，可以按照以下步骤进行：

在项目的根目录下创建一个utils文件夹，并在该文件夹下创建一个request.js文件。
在request.js文件中引入uni.request方法，并封装一个request函数：

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

在需要发送请求的组件中，引入request.js文件，并使用request函数发送请求：

import { request } from '@/utils/request';

export default {
  methods: {
    async fetchData() {
      try {
        const res = await request('http://api.example.com/data', 'GET', {});
        console.log(res);
      } catch (err) {
        console.error(err);
      }
    }
  }
}

这样就封装了一个简单的请求函数，在需要发送请求的地方直接调用即可。其中，url参数为请求的地址，method参数为请求的方法（如GET、POST等），data参数为请求的数据（可以是对象或字符串）。请求成功时会返回一个Promise对象，可以使用async/await来处理。

需要注意的是，在实际项目中，可能还需要添加一些请求头、请求拦截器、响应拦截器等功能，可以根据具体需求进行扩展