Hay un posible duplicado aquí, pero no pude encontrar mi respuesta a ninguna otra pregunta.

Estoy tratando de descargar un archivo que proviene de mi API. Mi punto final de API me devuelve una application/vnd.ms-excel y la estructura de mi archivo en el cuerpo de la respuesta. El archivo viene así:

Cuando lo pruebo en Postman y hago clic en la opción Save Response y luego Save to a file , todo funciona perfectamente.

Pero cuando lo pruebo en mi aplicación React, el archivo viene con esos caracteres extraños del cuerpo de la respuesta, en lugar de guardarlo como lo hace Postman. He intentado muchas formas diferentes de guardarlo, pero todavía no funciona. Esas son 3 formas en las que ya intenté activar la descarga del archivo:

 try { const response = await api.get(`/portfolio/files?portfolio_id=${wallet.id}&portfolio_filename=${file.name}`, { headers: { 'x-access-token': localStorage.getItem('token') } }); // 1st way const blob = new Blob([response.data], { type: response.headers['content-type'] }); const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = file.name.split['.']; link.click(); // 2nd way const url = window.URL.createObjectURL(new Blob([response.data], { type: response.headers['content-type'] })); const link = document.createElement('a'); link.href = url; link.setAttribute('download', file.name); document.body.appendChild(link); link.click(); // 3rd way const blob = new Blob([response.data], { type: "octet/stream" }); fileSaver.saveAs(blob, file.name); } catch(err) { console.error(err); } // 3rd way const blob = new Blob([response.data], { type: "octet/stream" }); fileSaver.saveAs(blob, file.name); } catch(err) { console.error(err); }

Estoy usando un Blob para crear una URL para mi archivo, configurando su contenido como el cuerpo de la respuesta y su tipo como el tipo de contenido (que es application/vnd.ms-excel , como dije antes). Esas tres formas siempre escriben exactamente los mismos símbolos en el archivo, en lugar de descargarlo normalmente, como lo hace Postman.

¿Alguien sabe lo que me estoy perdiendo aquí?