[lumen][React] サーバに格納した画像データをフロントで表示させたい

Question

前提

サーバサイドにあらかじめ格納した画像データをフロントからリクエストして取得したいと考えています。

[API側の処理]
    public function getImage(Request $request)
    {
        $path = $request->input('imageUrl');
        if (!File::exists($path)) {
            return response()->json(['message' => 'Image not found.'], 404);
        }

        $file = File::get($path);
        $type = File::mimeType($path);

        return response()->make($file, '200', [
            'Content-Type' => $type,
        ]);
    }

[フロント側の処理]
  axios.get('/api/getimage', { params: { imageUrl: imageUrl } }).then((res) => {
    const url = URL.createObjectURL(new Blob([res.data]), {
      type: res.headers['content-type'],
    })
    setFileUrl(url)
  })

実現したいこと

サーバから取得した画像は、記号など含む文字データとして表示されてしまいます。
画像の拡張子は($type)は意図したものを取得できています。

フロントで画像を表示させたいのですが、フロント側の処理に原因がありますでしょうか？
アドバイスいただけますと幸いです。