【VUE+ElementUI】通过接口下载blob流文件设置全局Loading加载进度

下载Blob流文件，并以服务形式显示文件下载进度

1、下载接口 增加 config参数，并用...config将该属性加入到请求中；

xxapi.js文件中设置downloadFile下载接口

// 下载文件
export function downloadFile(data, config) {
   
  return request({
   
    url: '/xx/downloadFile',
    method: 'post',
    data: data,
    responseType: 'blob',
    timeout: 120 * 60 * 1000,
    ...config
  })
}

2、在页面中添加以下代码

<el-button type="text" icon="el-icon-download" @click="handleDownload(scope.row)">下载</el-button