关于前端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)
}