前端接收并下载后端以二进制形式传过来的excel表格

前端接收并下载后端以二进制形式传过来的excel表格

需求：导出sql语句对应的数据表的内容，并下载为xxx.xls文件
代码如下：

// 导出用户，通过blob

 axios({
    method: 'post',
    url: 'http://192.168.43.152:8089/user/export',
    data: {
     username: this.filters.keyword
    },
    responseType: 'blob'//必须要设置
   }).then((res) => {
    console.log(res)
    const link = document.createElement('a')
    let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'});//类型设置为application/vnd.ms-excel
    link.style.display = 'none'
    link.href = URL.createObjectURL(blob); //创建一个指向该参数对象的URL
    link.setAttribute('download',`表资源${new Date().getTime()}.xls`)
    document.body.appendChild(link)
    link.click()//触发下载
    document.body.removeChild(link)
   }).catch(error => {
    console.log(error)
   })

注意：

1. 发送Ajax请求时必须要设置响应体格式responseType: ‘blob’，不然下载下来的表格内容会为undefined。
2. 当不使用blob接收且不设置responseType时，浏览器可以接收到响应体，但当在代码编译工具（本菜菜使用的是VSCode）上直接答应输出的话会是null。