vue中axios取消、上传以及下载进度

记录工作中积累的知识点，有不足，请指出，非常感谢支持，一起加油学习！！！
git文档地址 传送门

1. axios使用场景之取消某个请求

方法一:
const CancelToken = axios.CancelToken;
let cancel;
axios.get('/user/12345', {
  cancelToken: new CancelToken(function executor(c) {
    // An executor function receives a cancel function as a parameter
    cancel = c;
  })
});

// 在需要中断请求的地方直接调用 cancel 方法；
cancel();

方法二:
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
axios.post('/user/12345', {
  name: 'new name'
}, {
  cancelToken: source.token
})

// 在需要中断请求的地方直接调用 cancel 方法，文字描述是可选参数；
source.cancel('Operation canceled by the user.');

2. axios使用场景之监听上传和下载进度

axios.post('/user/12345',
  {
    name: 'new name'
  }, 
  onUploadProgress: function (progress) {
  	// 在这里可以添加你的上传逻辑，比如：增加进度条等等
    console.log(Math.round(progress.loaded / progress.total * 100) + '%');
  },
  onDownloadProgress: function (progress) {
    // 在这里可以添加你的下载逻辑，比如：增加下载进度条等等
    console.log(Math.round(progress.loaded / progress.total * 100) + '%');
  }
)