ant design 中，使用dva/fetch 设置导致无法从后台导出excel的问题

最近使用antd 做一个后台管理系统中，业务场景下需要将数据导出为excel，后端使用POI，结果数据怎么都无法生成，后面发现原来是前端限制了header 中可以接受的数据类型为json，无法接受blob的类型，后来改用了axios，就可以顺利导出了，下面是导出的代码

 

import axios from 'axios';

async function getExcel(url, fileName) {
  const token = localStorage.getItem('token');
  axios
    .get(url, {
      responseType: 'blob', // 表明返回服务器返回的数据类型,
      headers: {
        Authorization: 'Bearer ' + token,
        Accept: 'application/json',
      },
    })
    .then(res => {
      const content = res;
      const blob = new Blob([content.data], {
        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8',
      });
      // return;
      if ('download' in document.createElement('a')) {
        // 非IE下载
        const elink = document.createElement('a');
        elink.download = fileName;
        elink.style.display = 'none';
        elink.target = '_blank';
        elink.href = URL.createObjectURL(blob);
        document.body.appendChild(elink);
        console.log(elink);
        elink.click();
        URL.revokeObjectURL(elink.href); // 释放URL 对象
        document.body.removeChild(elink);
        // window.location.reload();
      } else {
        // IE10+下载
        navigator.msSaveBlob(blob, fileName);
        window.location.reload();
      }
    });
}
export default {
  getExcel,
};

 

有不懂得可以加我的qq，773935581，欢迎大家一起学习交流