我正在尝试中止任何/所有以前的Axios请求，使用AbortController（）：https://axios-http.com/docs/cancellation

**问题：**以前的Axios查询不会被中止;它们在前端被完全消化。
背景：

我的应用程序的搜索体验与预期一样，但在后台，当用户猛击过滤器时，每个请求都会被完全消化。相反，我希望当用户更改查询时，所有先前的请求都被干净地中止。
Axios的AbortController是否用于此目的？

**更新（作品）：**感谢@Oluwafemi，我的设置正在工作。

有两件事必须改变：
1.在中止之后直接设置一个新的AbortController（）示例。

1. AxiosSearchController信号需要成为进入Axios函数的第三个参数，并且 * 不是 * 有效载荷的一部分（与您在在线材料中看到的不同，无论出于何种原因）。
   旁注：此外，这里没有包括一个debouncer，它 Package 了我的查询函数（在我的应用程序中），它与这个AbortController一起，使得与API服务器的通信看起来很好的多层管理。

工作代码：（我编辑了一堆不相关的方法/行）

export default class MySearch {

    constructor() {

        // ONE-TIME SETUP

        this.payload = null

        this.active = {
            q: "", // (Query) string e.g. "apples"
            facets: {}, // Objects, each with array of options e.g. { 'size': [ '2 x 2 in', '3 x 3 in' ]}, { 'artists': [ 'mike', 'john', 'jane' ] }
            page: null, // number e.g. 3
            sortBy: null // string, one of: "default" | "newest" | "price_asc" | "price_desc"
        }

        // Declaring this here. Good/bad?
        this.AxiosSearchController = new AbortController()
    }

    async query() {

        return new Promise( async (resolve, reject) => {

            // Abort any previous Axios request
            this.AxiosSearchController.abort()

            // Reinstantiate another instance of AbortController()
            this.AxiosSearchController = new AbortController()

            this.transformURL()

            let requestParams = {
                "page": this.active.page, 
                "sortBy": this.active.sortBy,
                "filter": this.active.facets,
            }

            // Here we tell Axios to associate the request with the controller.
            let AxiosSignal = {
                signal: this.AxiosSearchController.signal
            }

            axios.post('/api/search/' + this.active.q, requestParams, AxiosSignal)
            .then( response => {    
                this.payload = response.data    
                return resolve(response)
            })
            .catch( error => {
                console.error(error)
                return reject(error)
            })

        })
    }

}

字符串