记录工作中积累的知识点,有不足,请指出,非常感谢支持,一起加油学习!!!
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) + '%');
  }
)

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐