vue中axios取消、上传以及下载进度
记录工作中积累的知识点,有不足,请指出,非常感谢支持,一起加油学习!!!git文档地址 传送门1. axios使用场景之取消某个请求方法一:const CancelToken = axios.CancelToken;let cancel;axios.get('/user/12345', {cancelToken: new CancelToken(function executor(c) {// A
·
记录工作中积累的知识点,有不足,请指出,非常感谢支持,一起加油学习!!!
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) + '%');
}
)
更多推荐
已为社区贡献2条内容
所有评论(0)