接口请求做时间限制处理，超过指定时间接口未做返回可以做特殊处理

persistenceYL

于 2022-10-19 10:44:00 发布

阅读量930

点赞数

分类专栏：前端文章标签：前端 react.js

本文链接：https://blog.youkuaiyun.com/weixin_42440314/article/details/127403312

版权

前端专栏收录该内容

10 篇文章

订阅专栏

该博客介绍了如何使用Promise实现接口请求的时间限制处理。通过设置定时器，在接口3秒内未响应则触发错误，执行reject操作。当接口正常返回时，清除定时器并传递数据。这种方式确保了异步操作的可靠性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接口请求做时间限制处理，超过指定时间接口未做返回可以做特殊处理

  let promise = new Promise((resolve, reject) => {
    const timer = setTimeout(() => {
      reject("timeout");
    }, 3000);  // 若接口未返回，则3秒后reject，
	//接口请求
    getOrder().then(res => {
      console.log('res', res);
      clearTimeout(timer); // 关闭定时器
      resolve(res);  // 接口正常返回，将返回数据放在resolve中处理，进行分离
    }).catch(err => {
      console.error(err);
      reject(err);
    })
  })
  promise.then((res) => {
  	//请求结果
  }, (err) => {
     console.error('err1', err);
  })