responseType: "blob"

[te-lyhourt]

My backend return stream of a zip file. when try to get the respond in frontend I keep getting popup with string data of the file. I had to use axios to be able to accept the file. here is my code:

axios.get("/answer/export/" + id, { responseType: "blob" })
    .catch(function (error) {
        console.log(error.toJSON());
    })
    .then((response) => {
        console.log(response)
        const blob = new Blob([response.data], { type: "application/zip" });
        // Create a URL for the Blob
        const url = window.URL.createObjectURL(blob);

        // Create a link element
        const link = document.createElement("a");
        link.href = url;

        // Set the filename for the downloaded file
        link.setAttribute("download", "download.zip");

        // Append the link to the document body and trigger the download
        document.body.appendChild(link);
        link.click();

        // Cleanup
        window.URL.revokeObjectURL(url);

        evt.target.disabled = false;

        evt.target.innerText ="📥 Export Answer";
    });