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

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取消请求失败:为什么我的代码无法取消请求?的详细内容,更多请关注www.sxiaw.com其它相关文章!