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

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《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取消请求失败：为什么我的代码无法取消请求？》文章吧，也可关注golang学习网公众号了解相关技术文章。