js 导出文件，并从headers 里获取文件名称

后端服务返回

1681802757344.png

接口调用后

.then(res => {
        // 从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
        let patt = /=utf-8''(\S*)/
        let contentDisposition = decodeURI(res.headers['content-disposition'])
        let result = contentDisposition.match(patt)
        let fileName = result[1]
        console.log('fileName=', fileName)
        this.exportFile(res.blob, fileName)
      })

exportFile (data, name) {
      let blob = new Blob([data])
      let reader = new FileReader()
      reader.readAsDataURL(blob) // onload当读取操作成功完成时调用
      reader.onload = (e) => {
        let aElement = document.createElement('a')
        aElement.setAttribute('download', name)
        aElement.href = e.target.result // 赋予文件下载地址
        document.body.appendChild(aElement) // a标签插至页面中
        aElement.click()
        document.body.removeChild(aElement)
      }
    },