【cancelToken/AbortController(js)】axios中断/取消请求

取消请求接口数据，即将network请求的status从pending状态变为canceled状态

axios v0.22.0之前使用cancelToken，从v0.22.0开始支持使用AbortController

1、cancelToken

import axios from "axios";

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios({
    url: "/url",
    method: "POST",
    data: {...},
    params: {...},
    headers: {...},
    cancelToken: source.token
  })
//或者
//axios.post('/url',data,{cancelToken: source.token,params:{...}})

2、AbortController
AbortController 是一个JavaScript的内置对象

const controller = new AbortController()

axios.get('/foo/bar', {
  signal: controller.signal
}).then((response) => {
  // ...
})
// 取消请求
controller.abort()

官方文档：取消请求