首页 > 文章列表 > Axios 请求无法取消,是哪里出了问题?

Axios 请求无法取消,是哪里出了问题?

349 2025-04-08

Axios 请求无法取消,是哪里出了问题?

我的 axios 请求无法取消,问题出在哪里?

问题描述:有人遇到这样的问题,这段代码使用 axios 取消请求的操作无效。

代码分析:

问题代码如下:

data = {
    ...data,
    ...json.parse(localstorage.getitem('_tt_token')),
    canceltoken: source.token
}
axios.post(url, data)

问题在于第三行。

解决方案:

要正确取消请求,需要将 canceltoken 作为 axios post 请求的第三个参数传递,而不是作为 data 对象的一部分。

修改后的正确代码如下:

axios.post(url, data, {
    cancelToken: source.token
})
来源:1729868228