[解決済み] react jsでファイルをダウンロードする方法

質問

ユーザーがダウンロードボタンをクリックすると、新しいタブでファイルプレビューを開かずにファイルがダウンロードされる必要があります。react jsでこれを実現するにはどうしたらいいですか？

解決方法は？

フロントエンドからブラウザのダウンロードをトリガーするのは信頼性がありません。

サーバー上にエンドポイントを作成し、呼び出されたときに正しい応答ヘッダーで応答することで、ブラウザーのダウンロードをトリガーする必要があります。

フロントエンドのコードにできることは限られています。例えば、「download」属性は、ブラウザとファイルの種類によっては、ファイルを新しいタブで開くだけかもしれません。

注目すべきはレスポンスヘッダです。 Content-Type と Content-Disposition . これを確認する必要があります。 答え は、これらのヘッダに関するより詳細な説明です。