Axios取消令牌不起作用。我怎么才能修复它？

import axios from 'axios';

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('/api/data', {
  cancelToken: source.token
}).then(response => {
  // 请求成功处理
}).catch(error => {
  // 请求失败处理
});

// 取消请求
source.cancel('请求被取消');

import axios from 'axios';

const CancelToken = axios.CancelToken;
let cancel;

axios.get('/api/data', {
  cancelToken: new CancelToken(function executor(c) {
    // 保存取消函数
    cancel = c;
  })
}).then(response => {
  // 请求成功处理
}).catch(error => {
  // 请求失败处理
});

// 取消请求
cancel('请求被取消');