uni-app Vue3 中封装 Request 请求：简化网络操作

在 uni-app 中封装 request 请求，可以按照以下步骤进行：\n\n1. 在项目的根目录下创建一个 `utils` 文件夹，并在该文件夹下创建一个 `request.js` 文件。\n\n2. 在 `request.js` 文件中引入 `uni.request` 方法，并封装一个 `request` 函数：\n\njavascript\nexport function request(url, method, data) {\n return new Promise((resolve, reject) => {\n uni.request({\n url: url,\n method: method,\n data: data,\n success: (res) => {\n resolve(res.data);\n },\n fail: (err) => {\n reject(err);\n }\n });\n });\n}\n\n\n3. 在需要发送请求的组件中，引入 `request.js` 文件，并使用 `request` 函数发送请求：\n\njavascript\nimport { request } from '@/utils/request';\n\nexport default {\n methods: {\n async fetchData() {\n try {\n const res = await request('http://api.example.com/data', 'GET', {});\n console.log(res);\n } catch (err) {\n console.error(err);\n }\n }\n }\n}\n\n\n这样就封装了一个简单的请求函数，在需要发送请求的地方直接调用即可。其中， `url` 参数为请求的地址， `method` 参数为请求的方法（如 `GET`、`POST` 等）， `data` 参数为请求的数据（可以是对象或字符串）。请求成功时会返回一个 `Promise` 对象，可以使用 `async/await` 来处理。\n\n需要注意的是，在实际项目中，可能还需要添加一些请求头、请求拦截器、响应拦截器等功能，可以根据具体需求进行扩展。