Cannot download file Symfony 3.4 and VueJS - php

Question

I spent time before asking this question
I want to download file from local directory /Users/Desktop/symfony/project_dem/app/Resources/file.webm, but i always get something wrong.
So my controller
public function getUrl(Request $request)
{
$response = new BinaryFileResponse($file);
$response->setAutoEtag(true);
$response->headers->set('Content-Type', 'video/webm');
return $response;
}
in VueJS
axios.post('/api', {
url: this.url,
responseType: 'blob',
}).then((response) => {
console.log(response.data);
let blob = new Blob([response.data], {
type: 'video/webm'
}),
url = window.URL.createObjectURL(blob);
window.open(url);
}).catch(error => {
console.log(error);
});
I get in console log for response.data like this
**
What I found wrong is why the size of the file in server 6.2 MB and after a download is 11.2 maybe this is error BinaryFileResponse ?
**
Anyone can tell me what I did wrong ? and thanks.

Answer 1

So it seems that the output of console.log(response.data) is showing a binary file. I mean the file is there. You are not clear when you say
but I always get something wrong
Try this
axios.post('/api', {
url: this.url,
responseType: 'blob',
}).then((response) => {
let blob = new Blob([response.data], {
type: 'video/webm'
});
url = window.URL.createObjectURL(blob);
window.open(url);
}).catch(error => {
console.log(error);
});
In my opinion, the issue here is that you did not put a semi colon at the end of the line where you created the blob.