在我的react项目中使用Rest API（发送到文件）导出到PDF是空白的PDF

Question

API返回的PDF数据示例类似-

下面是我用来下载PDF的JavaScript代码，我尝试了很多解决方案，但都不起作用。

const reportPdfDoc = await axiosBIInstance.get(
            `https://api.powerbi.com/v1.0/myorg/reports/${config.reportId}/exports/${exportID?.data?.id}/file`,
            {
              headers: {
                Authorization: 'Bearer ' + accessToken,
                responseType: 'arraybuffer',// I've used blob as well, but same result
              },
            },
          );
          if (reportPdfDoc?.status === 200) {
            const blob = new Blob([reportPdfDoc.data], {
              type: 'application/pdf',
            });
            
         
            const computedFileName = `${exportStatus?.data?.reportName}.pdf`;
            const a = document.createElement('a');
            a.href = window.URL.createObjectURL(blob);
            a.download = computedFileName;
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);

Answer 1

我尝试了上面发布的解决方案，它对我有效。我在下面重新发布它。

我得到了一个问题，responseType属性应该在axios调用的header之外。比如-

const reportPdfDoc = await axiosBIInstance.get( https://api.powerbi.com/v1.0/myorg/reports/${config.reportId}/exports/${exportID?.data?.id}/file, { headers: { Authorization: 'Bearer ' + accessToken, }, responseType: 'blob', }, );