Download PDF with laravel-dompdf with vuejs front-end

Question

I created an API with Laravel. I use Vuejs for the front end.

I would like to generate a PDF based on the user and download it with view. Only, it does not work.

Here is my controller:

public function generate($id)
    {
        $data = CoverLetter::where([
            ['id', '=', $id],
            ['user_id', '=', auth()->user()->id]
        ])->first();

        $path = public_path() . '/pdf/' . $data->filename . '.pdf';

        $pdf = PDF::loadView('pdf.coverletter', $data);

        $pdf->save($path);

        return response()->download($path);
    }

And my function in vue :

async downloadCoverLetter(file) {
   axios.get('/cover-letter/generate/' + file.id)
}

And my button for download :

<button @click="downloadCoverLetter(file)"></button>

But it doesn't download at all. How to do ? Thank you !

Do you actually want to download the pdf or show it in your view? — utdev, Aug 25 '19 at 20:35
You can check the solutions here: https://stackoverflow.com/questions/41938718/how-to-download-files-using-axios — Onwuka Gideon, Aug 25 '19 at 20:37

score 9 · Accepted Answer · answered Aug 25 '19 at 20:38

9

You can try to download file using Axios using following code:

axios({
  url: '/cover-letter/generate/' + file.id,
  method: 'GET',
  responseType: 'blob', // important
}).then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'file.pdf');
  document.body.appendChild(link);
  link.click();
});

answered Aug 25 '19 at 20:38

jureispro

1,342
5
22
43

1

Thanks. responseType: 'blob', // important solved it for me – Erlend Dec 14 '21 at 22:17

score 0 · Answer 2 · answered Aug 26 '19 at 11:30

I think you need to check if your code is generating PDF properly at path you have provided. If it is then following functions will work for you

// Download
return response()->download($pathToFile);
return response()->download($pathToFile, $name, $headers);

// Render
return response()->file($pathToFile);
return response()->file($pathToFile, $headers);

Download PDF with laravel-dompdf with vuejs front-end

2 Answers2