尝试捕获块Axios响应类型是Blob上没有错误消息

Question

获取错误的错误消息

console.log（error）

devtools网络响应

const handleDownloadPicture = async (ids: number) => {
    try {
        const response = await axios
            .post(`/api/folders/${folderDetails.id}/download`, {
                    resources: ids,
                },{responseType:'blob'},
            )
            .then(({ data: blob }) => {
                const link = document.createElement('a');
                const url = URL.createObjectURL(blob);
                link.href = url;
                link.download = 'myfile.zip';
                link.click();
            });
    } catch (error) {
        console.error(error);

    }
};

我在console.log（error）上收到错误的错误消息

尝试将BLOB响应转换为JSON的多种解决方案，但没有结果

Answer 1

becasue axios.post（）是返回承诺，您应该以两种方式使用响应或捕获错误：const wersys =等待Axios.post（）或<代码> axios.post（）。然后（响应）.catch（）。

您只能以两种方式使用一次：

案例1：

    try {
       const response = await axios.post(`/api/folders/${folderDetails.id}/download`)
       ....
      } catch(error){
      console.log(error) // <=== Error will be catch here!
      }

案例2：

axios.post(`/api/folders/${folderDetails.id}/download`, {
     resources: ids,
   },{responseType:'blob'},
   ).then(({ data: blob }) => {
       const link = document.createElement('a');
       const url = URL.createObjectURL(blob);
       link.href = url;
       link.download = 'myfile.zip';
       link.click();
     }).catch((error) => console.log(error) //<=== Error will be catch here!

Answer 2

axios.post(`/api/folders/${folderDetails.id}/download`, {
    resources: ids,
  },{
    responseType:'blob'
  }).then(({ data: blob }) => {
    const link = document.createElement('a');
    const url = URL.createObjectURL(blob);
    link.href = url;
    link.download = 'myfile.zip';
    link.click();
  }).catch(async (error) => {
    console.log(JSON.parse(await error.response.data.text()));
  });