前端请求接口超时自动中止

AAA`

已于 2023-11-10 19:01:48 修改

阅读量352

点赞数

分类专栏： # Promise 文章标签：前端服务器

于 2023-11-10 18:56:51 首次发布

本文链接：https://blog.csdn.net/joeyjanela/article/details/134339309

版权

Promise 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

以下代码用了AbortController的abort方法，调接口时间超过10秒没响应结果自动中止

  import request from 'umi'

  const controller = new AbortController();
  const signal = controller.signal;

  useEffect(() => {
    const timeout = setTimeout(() => {
      controller.abort();
      console.error('请求超时或中止');
    }, 10000);

    request1(signal)
    request1(signal)

    return () => {
      clearTimeout(timeout);
      controller.abort();
    };
  }, []);

  const request1 = async (signal) => {
    await request(prefix + 'app/interface/path1', { signal })
  }

  const request2 = async (signal) => {
    await request(prefix + 'app/interface/path2', { signal })
  }