Vue+axios下载二进制文件

1. 下载接口

axios({
                        method: "get",
                        url: fileUrl,
                        headers: {
                            "content-type": "application/json; charset=utf-8",
                        },
                        responseType: "blob",       //设置响应类型为blob，否则二进制流直接转换会出错
                    })

2. 下载代码

/** 二维码 */
    downQRCode(row) {
      console.log(row)
      console.log("row",row.id)
      console.log("rowdrug",row.drug)

      let urlQRCode = "http://192.168.5.25:8080" + '/#/?drugName='+ row.drug
      console.log("urlQRCode",urlQRCode)
      getQRCode(urlQRCode).then(response => {
        let blob = new Blob([response], { type: 'image/png' }) //我是下载zip压缩包
        let url = window.URL.createObjectURL(blob) //生成下载链接
        const link = document.createElement('a') //创建超链接a用于文件下载
        link.href = url //赋值下载路径
        link.target = '_blank' //打开新窗口下载，不设置则为在本窗口下载
        link.download = `${ row.drug }.png` //下载的文件名称（不设置就会随机生成）
        link.click() //点击超链接触发下载
        URL.revokeObjectURL(url) //释放URL
        this.$message.success('下载完成')
        console.log(response)
      })
        .catch(error => this.$message.error('下载失败'))
    },