Laravel＋Vueのファイルダウンロード ダウンロードしたファイルが破損している

Question

前提・実現したいこと

サーバーにアップロードしたファイルをダウンロードする処理を書いています。
アップロードする際にファイルの種類には特に制限をかけていないので、ダウンロードするファイルの種類もその時によって異なるような状態です。

該当のソースコード

$mimeType = Storage::mimeType($path);
$headers = [
  "Content-Type" => $mimeType,
  "Content-Disposition" => 'attachment; filename="' . $fileName . '"',
];

return response()->streamDownload(function () use ($path) {
  echo Storage::get($path);
}, $fileName, $headers);

axios.post("/api/fileDownload", {
  filePath: filePath, 
  fileName: fileName,
  responseType: 'blob',
}).then((res) => {
  var mimeType = res.headers["content-type"];
  const blob = new Blob([res.data], {type: mimeType});
  const link = document.createElement('a');
  link.href = window.URL.createObjectURL(blob);
  link.setAttribute('download', fileName);
  document.body.appendChild(link);
  link.click();
})

発生している問題・エラーメッセージ

ダウンロード自体は出来るのですが、ダウンロードしたファイルが破損しています。
確認できた範囲だと、
・画像、office系のファイル　→　「ファイルが破損していて開けない」のメッセージ
・テキスト　→　文字化け
・pdf　→　全ページ真っ白

のような状態です。
サーバーにアップしたファイル自体は破損などせず開けることを確認済みです。

補足情報（FW/ツールのバージョンなど）

Laravel　6.10.1
Vue.js　2.6.10
axios　0.19.0

動作環境はchromeを想定しています。

どこが原因なのか検討もつかない状態なので、足りない情報などありましたらお手数ですがご指摘ください。
よろしくお願いいたします。

Answer 1

どこが原因なのか検討もつかない状態なので、足りない情報などありましたらお手数ですがご指摘ください。

よろしくお願いいたします。

こういう状態でしたら

• Vueだけでファイルダウンロードができる
• Laravelだけでファイルダウンロードができる

をそれぞれ行い、原因がどちらかにあるかを切り分けた方が良いです。