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，歡迎大家一起學習交流