fentch 如何中断请求

中断一个 fetch 请求可以使用AbortController实现。AbortController是一个新的Web标准，用于中止DOM请求和Fetch请求。在执行fetch请求时，可以通过AbortController创建一个信号对象signal，然后将signal作为配置选项传递给fetch()方法，这样就可以在需要中止fetch请求时通过调用AbortController对象的abort()方法来中止请求。

const controller = new AbortController();
const { signal } = controller;

fetch(url, { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

// 中止 fetch 请求
controller.abort();

上述代码中，首先使用 AbortController 创建了一个控制器 controller 和一个信号对象 signal 。然后，在 fetch 请求时将 signal 作为配置选项传递给 fetch 方法。最后，当需要中止 fetch 请求时，调用 controller.abort() 方法即可。