UniApp 接口调用实战：详细代码示例及解析

以下是一个使用 uniapp 调用接口的示例代码：

// 在页面中引入 uni.request 模块
import uniRequest from '@/utils/request';

// 定义一个方法，用于调用接口
async function callApi() {
  try {
    // 调用 uniRequest 方法发送请求
    const res = await uniRequest({
      url: 'https://api.example.com/user',
      method: 'GET',
      data: {
        id: 1,
        name: '张三',
      },
      header: {
        'Authorization': 'Bearer ' + token,
      },
    });

    // 处理请求成功的数据
    console.log(res.data);
  } catch (error) {
    // 处理请求失败的错误信息
    console.error(error);
  }
}

// 在页面中调用该方法
callApi();

在上面的代码中，我们首先引入了一个名为 'uniRequest' 的模块，这个模块是我们自己封装的一个基于 uni.request 的请求方法，方便我们在页面中调用接口。

接着，我们定义了一个名为 'callApi' 的方法，该方法使用了 'uniRequest' 方法发送了一个 GET 请求，请求的地址为 'https://api.example.com/user'，请求参数为 '{id: 1, name: '张三'}'，请求头部包含了一个名为 'Authorization' 的字段，值为一个 token。

最后，我们在页面中调用了该方法，当请求成功时，会打印出返回的数据；当请求失败时，会打印出错误信息。