uni-app 如何发起网络请求？

推荐答案

在 uni-app 中，发起网络请求通常使用 uni.request 方法。以下是一个简单的示例：

// www.javascriptcn.com code example
uni.request({
  url: 'https://example.com/api/data', // 请求的接口地址
  method: 'GET', // 请求方法，可以是 GET、POST 等
  data: {
    key1: 'value1',
    key2: 'value2'
  }, // 请求参数
  success: (res) => {
    console.log('请求成功:', res.data); // 请求成功后的回调
  },
  fail: (err) => {
    console.error('请求失败:', err); // 请求失败后的回调
  },
  complete: () => {
    console.log('请求完成'); // 请求完成后的回调，无论成功或失败都会执行
  }
});

本题详细解读

1. uni.request 方法

uni.request 是 uni-app 提供的用于发起网络请求的 API。它支持 GET、POST、PUT、DELETE 等多种 HTTP 方法，并且可以设置请求头、请求参数、超时时间等。

2. 参数说明

• url: 请求的接口地址，必须是完整的 URL。
• method: 请求方法，默认为 GET，可以是 GET、POST、PUT、DELETE 等。
• data: 请求参数，可以是对象或字符串。如果是对象，会自动转换为查询字符串。
• header: 请求头，可以设置 Content-Type、Authorization 等。
• success: 请求成功后的回调函数，参数为响应对象 res。
• fail: 请求失败后的回调函数，参数为错误对象 err。
• complete: 请求完成后的回调函数，无论成功或失败都会执行。

3. 示例代码解析

• url: 请求的接口地址为 https://example.com/api/data。
• method: 使用 GET 方法请求数据。
• data: 请求参数为 { key1: 'value1', key2: 'value2' }，会自动转换为查询字符串附加在 URL 后面。
• success: 请求成功后，打印响应数据 res.data。
• fail: 请求失败后，打印错误信息 err。
• complete: 请求完成后，打印 请求完成。

4. 注意事项

• 跨域问题: 在开发环境中，可能会遇到跨域问题，需要在服务器端配置 CORS 或在 uni-app 中配置代理。
• HTTPS: 在生产环境中，建议使用 HTTPS 协议，以确保数据传输的安全性。
• 请求超时: 可以通过 timeout 参数设置请求超时时间，单位为毫秒。

通过 uni.request，开发者可以方便地在 uni-app 中发起网络请求，并处理请求的成功、失败和完成状态。