Vue は js-file-download プラグインを使用して文字化けしたファイルをダウンロードします

vue プロジェクトの開発時に、js-file-download プラグインを使用してバックエンドからバイナリ ファイル ストリームをダウンロードすると、エラーが報告されます。

このような：

 

解決：

vueのaxiosのresponseTypeはデフォルトではjsonになっており、ファイルストリームを受信すると文字化けやnullが発生する場合がありますが、axiosのリクエストヘッダーにresponseType:'blob'を追加するだけで解決します。