Mi backend está enviando una respuesta JSON que contiene datos. Me gustaría almacenar esos datos en un archivo y preguntarle al usuario si quiere descargarlo.

He configurado esto:

 let element = document.createElement('a'); element.setAttribute('href', 'data:text/json;charset=utf-8,'+encodeURIComponent(JSON.stringify(response.data.json))); element.setAttribute('download', `myFile.json`); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element);

Cuando la función se dispara, no pasa nada. Lo extraño es que si vuelvo a crear manualmente el URI (escribiendo data:text/json y la cadena encodeURIComponent en la URL), se muestra correctamente en la nueva pestaña.

¿Sería una cadena demasiado larga la fuente del problema? ¿Es algo completamente diferente?

Gracias