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










