关于前端Blob下载那点事

      serviceAxios({
        method: 'POST',
        url: 'xxx',
        headers: {
          'Content-Type': 'application/vnd.ms-excel',
          Token: localStorage.getItem('token')
        },
        data: this.form_data
      })
        .then((res) => {
          this.isShow = false
          download(
            res,
            'application/vnd.ms-excel',
            this.form_data.name
          )
          ElMessage.success('下载成功')
        })
        .catch((err) => {
          ElMessage.error('下载失败：' + err)
        })
    }

headers: {
  Accept: 'application/vnd.ms-excel',
  'Content-Type': 'application/json',
  Token: localStorage.getItem('token')
},

serviceAxios({
    method: 'POST',
    url: `/template/export/${this.form_data.id}`,
    headers: {
      Accept: 'application/vnd.ms-excel',
      'Content-Type': 'application/json',
      Token: localStorage.getItem('token')
    },
    data: this.form_data,
    responseType: 'blob'
})
.then((res) => {
  this.isShow = false
  download(
    res,
    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
    this.form_data.name
  )
  ElMessage.success('下载成功')
})
.catch((err) => {
  ElMessage.error('下载失败：' + err)
})

export default (data: any, contentType: string, fileName: string) => {
  const downloadLink = window.document.createElement('a')
  downloadLink.href = window.URL.createObjectURL(
    new Blob([data], { type: contentType })
  )
  downloadLink.download = fileName
  document.body.appendChild(downloadLink)
  downloadLink.click()
  document.body.removeChild(downloadLink)
}