首页 > web前端 > js教程 > 正文

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

花韻仙語
发布: 2024-10-26 14:39:35
原创
670人浏览过

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。但提供的代码中,第二个参数是一个原始数据对象。

Get笔记
Get笔记

Get笔记,一款AI驱动的知识管理产品

Get笔记 774
查看详情 Get笔记

正确代码

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

axios.post(url, data, {
    cancelToken: source.token
})
登录后复制

结论

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

以上就是Axios 取消请求失败:为什么我无法取消 Axios 请求?的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号