Axios取消请求失败：为什么我的代码无法取消请求？

针对axios取消请求失败的解决

希望取消axios请求却发现无效？这篇文章将探讨你的代码中可能存在的问题。

你提到了这段代码：

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

问题出在将 canceltoken 直接传递给 axios.post。正确的方法是将其作为config对象的一部分，如下所示：

const data = {
    ...data,
    ...JSON.parse(localStorage.getItem('_TT_token')),
}
const xhr = axios.post(url, data, {
    cancelToken: source.token
})

修改后，canceltoken 将被正确设置，你可以通过 source.cancel() 调用取消请求。

以上就是Axios取消请求失败：为什么我的代码无法取消请求？的详细内容，更多请关注其它相关文章！