导出文件，responseType设置为'arraybuffer'，如果导出出错，后台返回错误信息应该怎么办？

最新推荐文章于 2024-08-14 02:58:43 发布

咕噜咕噜的车轮向前

最新推荐文章于 2024-08-14 02:58:43 发布

阅读量6.4k

点赞数 3

分类专栏：开发过程总结文章标签：导出下载数据量过大提示

本文链接：https://blog.csdn.net/zhongmei121/article/details/94430203

版权

开发过程总结专栏收录该内容

66 篇文章 1 订阅

订阅专栏

1、正常导出的情况：（使用axios发送请求）后端返回二进制文件流

api：

//导出api

export function download(className,data){

return request({

url:'/api/'+className+'/export',

methods:'get',

params:data,

responseType:'arraybuffer',

})

}

// 调用api

this.$api.download(className,{name:nameCN,...this.searchForm}).then(res=>{

const data = new Blob([res],{type:'application/vnd.ms-excel'})

const url = URL.createObjectURL(data)

const a = document.createElement('a')

a.href = url

a.download = 'table.xls'

a.click()

URL.revokeObjectURL(url)

})

2、后来数据量过多导出出错，和后端约定，如果数据量过多则后端返回错误信息：

{
message: "数据量太大,建议导出数据不要超过6万以上"
retcode: "111111"
style: "PLAIN"
timestamp: 1570605714954
uri: "/api/zyBrfymxk/export"
}

由于请求的时候设置了responseType:'arraybuffer'，返回的是数据流，要取得json信息需要进行转换：

let enc = new TextDecoder('utf-8')
let data = JSON.parse(enc.decode(new Uint8Array(res.data)))

// 调用api 改成：

this.$api.downloadXlsx(className,{name:nameCN,...this.searchForm}).then(res=>{
          try {
                let enc = new TextDecoder('utf-8')
                let data = JSON.parse(enc.decode(new Uint8Array(res.data)))
                this.$message({
                  message: data.message,
                  type: 'warning'
                });
                this.downloading = false
          } catch (error) {
                this.downloading = false
                const data = new Blob([res.data],{type:'application/vnd.ms-excel'})
                const url = URL.createObjectURL(data)
                const a = document.createElement('a')
                a.href = url
                a.download = nameCN+'.xlsx';
                a.click()
                URL.revokeObjectURL(url)
          }
        })