我的这段不会取消请求,请问是什么问题? axios怎么取消请求?

这是我的axios依赖:

"axios": "^1.4.0",

这是我的代码

const source = axios.CancelToken.source();
data = {
    ...data,
    ...JSON.parse(localStorage.getItem('_TT_token')),
    cancelToken: source.token
}
const xhr = axios.post(url,data)
// 如果xhrMap中存在该url请求,则执行取消操作
if (xhrMap[url]) {
    source.cancel('Operation canceled by the user.')
}
xhrMap[url] = xhr
xhr.then(
    (response) => {
        resolve(response.data);
    },
    (err) => {
        if (axios.isCancel(err)) {
            console.log('Request canceled:', err.message);
        } else {
              reject(err);
          }
    }
);

这段代码有什么问题么?请求并不会取消