如何从 axios 收到的二进制响应中保存 PDF

【问题标题】：How to save PDF from received binary response from axios如何从 axios 收到的二进制响应中保存 PDF
【发布时间】：2021-11-17 15:54:35
【问题描述】：

我想从 axios get 收到的二进制响应中保存一个 PDF。

我将以下标头传递给请求：

const config: AxiosRequestConfig = {
  headers: {
    Accept: 'application/pdf',
    responseType: 'arraybuffer',
  },
};

我想在收到二进制响应后，使用文件保护库下载它，特别是它的 saveAs 函数

【问题讨论】：

标签： typescript axios filesaver.js

【解决方案1】：

我通过以下方式解决了这个问题：

public async report(id: number): Promise<void> {
 const config: AxiosRequestConfig = {
  responseType: 'blob',
  headers: {
    Accept: 'application/pdf',
  },
 };

 return axios
  .get(`${BASE_URL}/${id}`, config)
  .catch((error: AxiosError) => axiosErrorsAdapter(error))
  .then((res: AxiosResponse) => {
    FileSaver.saveAs(new Blob([res.data]), `Report_Encargo_${id}.pdf`);
  });
}

【讨论】：