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

大家好，今天本人给大家带来文章《Axios 取消请求失败：为什么我无法取消 Axios 请求？》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

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。否则，请求将无法取消。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。