获取响应头Content-Disposition,提取文件名

// 响应头数据，这里使用假数据
const temp = "attachement;filename=%%%%%%......."
 // 处理文件名的正则校验
 let filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
 let matches = filenameRegex.exec(temp);
 let fileName = "批量下载.pdf"
 if(matches!= null && matches.length>2){
     fileName = matches[1]
     //  文件名转为中文，如果返回数据包含文件类型 直接使用 负责需要拼上文件类型 例如 fielName + ".pdf"
     fileName = decodeURIComponent(fileName.replace(/%(?![0-9a-fA-F]{2})/g, '%25').replace(/%20/g, ' '))
     }

完整下载

  this.$axios
    .get(exportF(), { params, responseType: 'blob' }, { headers: { 'Content-Type': 'octet-stream;charset=UTF-8' } })
    .then(({ data }) => {
      console.log(data)
      let blob = new Blob([data], { type: 'application/octet-stream,charset=UTF-8' })
      // console.log(blob)
      let downloadElement = document.createElement('a')
      let href = window.URL.createObjectURL(blob) //创建下载的链接
      downloadElement.href = href
      downloadElement.download = fileName //下载的文件名，用上面获取到的，文件类型对应上即可
      console.log(document)
      document.body.appendChild(downloadElement)
      downloadElement.click() //点击下载
      document.body.removeChild(downloadElement) //下载完成移除元素
      window.URL.revokeObjectURL(href) //释放掉blob对象
    })