react项目中使用post请求下载与错误处理具体方案

aMeiHui

于 2021-09-24 11:51:45 发布

阅读量809

点赞数

分类专栏： react 文章标签： react.js

本文链接：https://blog.csdn.net/aMeiHui/article/details/120452305

版权

react 专栏收录该内容

1 篇文章

订阅专栏

axios.post('/url', {data: data}, {
   responseType: 'blob'
}).then((res) => {
   let typeCount = {
     type: "application/vnd.ms-excel", // 返回为excel文件类型
   };
   let blobb = new Blob([res.data],typeCount);
   if (res.data.type != typeCount.type) { // 非excel文件时
     const fileReader = new FileReader()
     fileReader.readAsText(blobb,'utf-8')
     fileReader.onload = function () {
       let msg = JSON.parse(fileReader.result);
       message.error(msg.meta.message); // 报错
     } 
     return;
  }

  const blob = res.data;
  const reader = new FileReader();
  reader.readAsDataURL(blob);
  reader.onload = (e) => {
  const a = document.createElement('a');
  a.href = e.target.result;
  a.setAttribute('download', "file.name");
  document.body.appendChild(a);
  a.style.display = 'none';
  a.click();
  document.body.removeChild(a);
   };
 });