Forcing downloads is not working in all browsers.

Hello,

I'm building application using Lumen to fetch external url and force download it using VueJS. The code works fine in Chrome but it asks me whether to download the files or not and I click 'Download;. However, I've tested the code in firefox and safari and it's not working and there is no dialog to enable downloading files.

here is my code: .php

header("Content-Description: File Transfer"); 
        header("Content-Type: application/octet-stream"); 
        header('Content-Disposition: attachment; filename="'. $request->title . '.' . $request->type .'"');
        header('Content-Length: ' . $filesize);
        readfile($request->url);

.vue

let blob = new Blob([response.data], { type: 'audio/m4a' })
                            let link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);
                            link.download = data.title + '.m4a';
                            link.click();
                                

My question is, how to make sure that the above code will work fine in all browsers? Thank you