uniapp 中如何使用fetch

在UniApp中，使用`fetch`函数获取数据通常需要配合`@vant/fetch`库，因为它封装了原生的网络请求功能，并提供了更统一的API风格。以下是基本步骤：

1. 首先，在项目中安装`@vant/fetch`插件：

   npm install @vant/fetch

2. 引入`fetch`模块：

   import fetch from '@vant/fetch';

3. 发送GET请求示例：

   async function fetchData(url) {
     try {
       const response = await fetch(url);
       if (response.status === 200) {
         return response.json(); // 返回的是Promise，解析JSON数据
       } else {
         throw new Error('Failed to load data');
       }
     } catch (error) {
       console.error(error);
     }
   }

   // 使用时，传入你需要的URL
   fetchData('https://api.example.com/data')
     .then(data => {
       console.log(data); // 打印接收到的数据
     })
     .catch(err => {
       console.error('Error:', err);
     });

4. 对于POST、PUT等其他类型的请求，可以设置请求方法和额外的HTTP头：

   async function postData(url, data) {
     const options = {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify(data),
     };
     const response = await fetch(url, options);
     // ...处理响应...
   }