Laden Sie eine Datei mit fetch api

Question

Ich versuche, eine Datei herunterzuladen, indem Sie auf eine Schaltfläche klicken, die Datei nicht herunterladen. Obwohl, wenn ich auf die URL in meinem Browser gehe, wird die docx heruntergeladen.

Abrufanforderung:

const response = await fetch(`/template/${id}/docx`, { 
    method: 'GET', 
    credentials: 'include', 
}); 

const blob = await response.blob(); 

const file = new File([blob], id, {type: blob.type, lastModified: Date.now()}); 

Reaktion:

Answer 1

Ein fetch Anruf entweder mit einem Response Objekt löst oder lehnt mit einem Fehler. Wenn Sie die Antwort Körper wollen (was in Ihrem Fall ist wahrscheinlich ein binäres Blob), dann könnten Sie versuchen:

const response = await fetch(`/template/${id}/docx`, { 
    method: 'GET', 
    credentials: 'include', 
}); 
const doc = await response.blob() 

würden Sie noch Pflege es zur Anzeige nehmen, es auf der Festplatte zu schreiben, was auch immer Sie wollen mach damit.