axios 取消请求失败

使用 axios 进行 http 请求时，可以使用 canceltoken 取消请求。然而，有时请求可能不会被取消。本文将探讨导致此问题的潜在原因之一。

问题代码

提供的代码如下，意图取消请求：

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

问题分析

代码中出现了一个错误：axios.post 函数的第二个参数应该是一个对象，包含请求数据和 canceltoken。但提供的代码中，第二个参数是一个原始数据对象。

正确代码

要正确取消请求，需要将 canceltoken 作为第二个参数传递给 axios.post 函数，如下所示：

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

结论

如果请求无法取消，请检查第二个参数是否正确传递了 canceltoken。否则，请求将无法取消。