uniapp请求超时处理

请求超时处理的常见方法

在UniApp中处理请求超时问题，可以通过以下几种方式实现：

设置全局请求超时时间 在main.js中配置全局请求超时时间，适用于所有使用uni.request发起的请求：

uni.$http.setConfig((config) => {
  config.timeout = 10000 // 10秒超时
  return config
})

单个请求设置超时时间 针对特定请求单独设置超时时间：

uni.request({
  url: 'https://example.com/api',
  timeout: 5000, // 5秒超时
  success: (res) => {},
  fail: (err) => {}
})

使用Promise封装超时处理 结合Promise实现更灵活的超时控制：

function requestWithTimeout(url, data, timeout = 8000) {
  return new Promise((resolve, reject) => {
    const timer = setTimeout(() => {
      reject(new Error('请求超时'))
    }, timeout)

    uni.request({
      url,
      data,
      success: (res) => {
        clearTimeout(timer)
        resolve(res.data)
      },
      fail: (err) => {
        clearTimeout(timer)
        reject(err)
      }
    })
  })
}

拦截器处理超时错误 通过拦截器统一处理超时错误：

uni.addInterceptor('request', {
  fail(err) {
    if (err.errMsg.includes('timeout')) {
      uni.showToast({
        title: '网络请求超时',
        icon: 'none'
      })
    }
  }
})

重试机制实现 对于重要请求可添加重试逻辑：

async function requestWithRetry(url, retryCount = 2) {
  try {
    return await requestWithTimeout(url)
  } catch (error) {
    if (retryCount > 0 && error.message.includes('timeout')) {
      return requestWithRetry(url, retryCount - 1)
    }
    throw error
  }
}

注意事项

网络状态检测应在发起请求前进行，可使用uni.getNetworkType检查网络状况。超时时间设置需根据实际网络环境和接口响应时间合理调整，通常建议8-15秒范围。对于大文件上传等特殊场景，需要适当延长超时时间或使用分片上传策略。