const response = await axios({ ... }) if (response && response.status == 200) { const url = window.URL.createObjectURL( new Blob([response.data], { type: 'text/plain' }), ) } setState({ ...state, fileLink: url, }) JSX {state.fileLink && ( <p> Click{' '} <a href={`${state.fileLink}`} target="_blank" download="file.txt" rel="noreferrer" > here </a>{' '} to download your file </p> )}

El flujo es: el usuario hace clic en un botón que envía una solicitud al servidor. El servidor devuelve datos txt al navegador. Luego, el js crea un blob a partir de los datos de respuesta y apunta el a href a la URL del blob.

Puedo ver los datos de respuesta, así como la URL del blob.

Sin embargo, cuando se hace clic en la etiqueta, aparece ERR_FILE_NOT_FOUND. (He deshabilitado el bloqueador de anuncios como se sugirió en otro hilo)

El error completo en Chrome es:

No se pudo acceder a su archivo. Es posible que se haya movido, editado o eliminado. ERR_ARCHIVO_NO_ENCONTRADO

El error en Firefox es:

Error no detectado: acceso a 'blob: https: ..' desde el script denegado