Estoy tratando de forzar la descarga de una imagen y siempre failed - network error en eso

aquí está mi código

 function download(filename: string, text: any) { var element = document.createElement('a'); if (filename.includes('.csv')) { element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); } else { element.setAttribute('href', 'data:image/png;base64,' + encodeURIComponent(text)); } element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } export const downloadApi = { getFile(payloadUrl: string = "", payload: string = "", fileName: string = "", fileExt: string = "", headers?: any) { return instance.get(`${payloadUrl}?${payload}`, { headers: { "Content-Type": "application/json", "Accept": "application/json, text/plain, */*" } }).then((response) => { if (!response.data) { return response.status; } download(fileName, response.data) }) }

y así es como se ve la respuesta

y el resultado