文件下载 blob流 记录

文件流:

image.png

通过下面代码下载文件后

image.png

api:
export const downloadExcel = (params) => {
  return request({
    url: '/api/mc/*******/export',
    method: 'get',
    params: params
  })
}
js：
handleDownload2() {
        var params = Object.assign({},this.query)
        downloadExcel(params).then((res)=>{
          console.log(res)
          this.downfile('乡镇船舶基础信息表', res.data)
        })
        // window.open(`/api/mc/townshipshipinfo/export?${this.website.tokenHeader}=${getToken()}&shipName=${this.query.shipName}&shipDistrict=${this.query.shipDistrict}&shipOwnerName=${this.query.shipOwnerName}&portId=${this.query.portId}&moorage=${this.query.moorage}`);
      },
      downfile (name, data) {
        let fileName = name
        let blob = new Blob([data], { type: 'application/vnd.ms-excel;charset=UTF-8' })
        const a = document.createElement('a')
        // 创建URL
        const blobUrl = window.URL.createObjectURL(blob)
        a.download = fileName
        a.href = blobUrl
        document.body.appendChild(a)
        // 下载文件
        a.click()
        // 释放内存
        URL.revokeObjectURL(blobUrl)
        document.body.removeChild(a)
      },

原因：

请求数据的时候没有加请求数据类型，导致请求到的数据错误

正确的是

请求接口 responseType: 'blob',

api:
export const downloadExcel = (params) => {
  return request({
    url: '/api/mc/*******/export',
    method: 'get',
    responseType: 'blob',
    params: params
  })
}

正确的数据类型：

image.png