fetch apiを使用してファイルをダウンロード

Question

ボタンをクリックしてファイルをダウンロードしようとしていますが、ファイルをダウンロードしません。私のブラウザでURLに行くと、docxがダウンロードされます。

フェッチ要求：

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()}); 

応答：

Answer 1

fetch呼び出しはResponseオブジェクトに解消またはエラーで拒否のいずれか。あなたは（あなたのケースでバイナリブロブはおそらくある）レスポンスボディを望むなら、あなたは試みることができる：あなたはまだそれを表示するの世話をしなければならない

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

、ディスク上にそれを書いて、あなたがしたいものは何でもそれでやってください。