Escribí la siguiente función que recibe headers , values y un nombre de fileName como parámetros:

 export function generateAndDownloadCsv(headers: string[], values: string[][], fileName: string) { let body = headers.join(',') + '\n'; for (const row of values) { body += row.join(',') + '\n'; } const csvFile = new Blob([body], {type: 'text/csv'}); const a = document.createElement('a'); a.download = fileName; a.href = window.URL.createObjectURL(csvFile); a.style.display = 'none'; document.body.appendChild(a); a.click(); document.body.removeChild(a); }

Todo funciona bien, descarga el archivo CSV en el entorno local. Sin embargo, cuando se implementa en nuestro entorno de prueba que usa cloudfront, obtiene la interfaz de S3.

Al descargarlo en un entorno de prueba, me redirigen a https://url.com/[object%20Object] y veo la siguiente página:

La URL del blob generado tiene el siguiente aspecto: blob:https://my-site-dot-com/f93c0768-2e57-424f-85fc-0ad5417f6f12

¿Es este un problema relacionado con el código o un problema de host? ¿Alguien se ha enfrentado alguna vez a algo como esto?

Creo que es algo que tiene que ver con la nube, con la URL.

¡Gracias!