.Net Core WebAPI + Axios +Vue 实现下载与下载进度条
故事的开始 老板说:系统很慢,下载半个小时无法下载,是否考虑先压缩再给用户下载? 本来是已经压缩过了,不过第一反应应该是用户下的数量多,导致压缩包很大,然后自己测试发现,只是等待的时间比较久而已,仍然是下载状态中,并不是系统慢,但是用户体验肯定是最直观的,确实是我们做得不够好,单纯弹出遮罩层显示冰冷的“拼命加载中……”,对用户来说确实不够友好。嗯,了解实际情况了,那就开撸,增加用户体验。 解决它 效果图: Vue+ElementUI < el-progress v-if ="dlProgress>0" :text-inside ="true" :stroke-width ="18" :percentage ="dlProgress" status ="success" style ="margin-bottom:10px" ></ el-progress > Axios downloadTask(index,row) { let own = this ; this .fullscreenLoading = true ; this .axios({ method: 'post' , url: this .baseUrl + '/api/Task/DownLoad' , data: {id: row.id}, responseType: 'blob' , //敲黑板