uniapp请求超时处理

uniapp请求超时处理方法

在uniapp中处理请求超时可以通过配置请求的超时时间、拦截器处理以及错误回调等方式实现。以下是一些常见的处理方法：

设置请求超时时间

在uniapp中，可以通过uni.request方法的timeout参数设置请求的超时时间（单位为毫秒）。默认情况下，超时时间为60秒。

uni.request({
  url: 'https://example.com/api',
  method: 'GET',
  timeout: 10000, // 设置超时时间为10秒
  success: (res) => {
    console.log('请求成功', res);
  },
  fail: (err) => {
    console.log('请求失败', err);
  }
});

使用拦截器处理超时

uniapp的请求拦截器可以统一处理请求超时问题。通过uni.addInterceptor方法，可以拦截请求并设置超时时间。

uni.addInterceptor('request', {
  invoke(args) {
    args.timeout = 10000; // 统一设置超时时间为10秒
  },
  fail(err) {
    if (err.errMsg.includes('timeout')) {
      console.log('请求超时');
    }
  }
});

错误回调处理超时

在请求的fail回调中，可以通过判断错误信息是否为超时错误，进行相应的处理。

uni.request({
  url: 'https://example.com/api',
  method: 'GET',
  timeout: 5000,
  success: (res) => {
    console.log('请求成功', res);
  },
  fail: (err) => {
    if (err.errMsg.includes('timeout')) {
      console.log('请求超时，请重试');
    } else {
      console.log('其他错误', err);
    }
  }
});

重试机制

对于超时请求，可以实现自动重试机制。通过递归或循环的方式，在超时后重新发起请求。

function requestWithRetry(url, retryCount = 3) {
  return new Promise((resolve, reject) => {
    const request = () => {
      uni.request({
        url: url,
        timeout: 5000,
        success: (res) => {
          resolve(res);
        },
        fail: (err) => {
          if (err.errMsg.includes('timeout') && retryCount > 0) {
            retryCount--;
            request();
          } else {
            reject(err);
          }
        }
      });
    };
    request();
  });
}

requestWithRetry('https://example.com/api').then(res => {
  console.log('请求成功', res);
}).catch(err => {
  console.log('请求失败', err);
});

全局配置

在main.js中，可以通过修改uni.$http的默认配置，全局设置请求超时时间。

uni.$http = {
  request(config) {
    config.timeout = config.timeout || 10000;
    return uni.request(config);
  }
};

通过以上方法，可以有效处理uniapp中的请求超时问题，提升用户体验和应用的稳定性。