从外部API下载XLS文件

Question

当我提出GET请求时，我的外部API返回以下内容：

“ pk \ u0003 \ u0004 \ n \ u0000 \ u0000 \ u0000 \ u0000 \ u0000 \ u0000 \ u0000f [content_types] .xml.mn.0 \ u0010. = e。= e。-j \ u000c] 7. {{\ u0019o。 y-y eˏa\ u00002 \ u001a \ u0012.^r \ u 0001. \ u001b] b。 u0001.w.l。 u0011\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000�\u0012\u0000\u0000docProps/core.xmlPK\u0001\u0002\u0014\u0000\n\u0000 \ u0000 \ u0000 \ u00008 \ u0000f \u0000\u0000\u0000e\u0014\u0000\u0000xl/workbook.xmlPK\u0005\u0006\u0000\u0000\u0000\u0000\u0010\u0000\u0010\u0000�\u0003\u0000\u0000�\u0015\u0000\u0000 \ u0000 \ u0000“

这应该是我的XLS文件。 目前，我使用Axios进行处理：

  ...then(response => {
    const url = window.URL.createObjectURL(new Blob([response.data.result]));
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', `EventID-${response.data.result.eventId}_${dateFormat(Date.now(), 'dd-mmm-yyyy')}.xls`);
    document.body.appendChild(link);
    link.click();
  }, errorHandler);

尽管这返回了具有[对象对象]列的Excel文件。 如何将响应转换为适当的Excel文件？

Answer 1

这是我的代码示例以供您参考：

在我的Next.js应用程序中，服务器端页面无法将BLOB对象从服务器传输到客户端。

因此，我已经使用名为download button.tsx的组件解决了此问题，该组件用于下载Excel文件。

组件/下载button.tsx

async function download() {
  window.location.href = '/api/download';
}

<Button onClick={() => download()}>Download</Button>

api/download/route.ts

export async function GET(req: Request) {
  const requestUrl = `${apiBaseUrl}/path`;
        
  const fetchResponse = await fetch(requestUrl, {
   method: 'GET',
   headers: {
    Authorization: `Bearer ${accessToken}`,
   },
  });
        
  return new Response(fetchResponse.body, {
   headers: {
   ...fetchResponse.headers,
   'content-disposition': `attachment; filename="filename.xlsx"`,
   },
  });
}