下载后端传来的excel文件

html内容

<el-button  size="small" type="primary" @click="exprotExcel">下载excel模板</el-button>

请求处理

下面为请求的函数，设置特殊的responseType（文件格式具体看后端有可能为StringBuffer）和headers

  export(paramsList){
        return myAxios({
            url:'/api/auth/excel/exportExcel',
            method:'get',
            responseType: 'blob',
            headers: { 'Content-Type': 'application/x-download' }
           
        })
    },

请求成功后的处理

  exprotExcel(){
             staff.export().then(res=>{
console.log(res);
               const link = document.createElement('a')
    const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
    link.style.display = 'none'
    link.href = URL.createObjectURL(blob)
    link.setAttribute('download', `${name}.xlsx`)
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)

             })
    },

接着触发点击事件就能看到左下角excel文件被下载了