Html 使用Laravel routes和vuejs axios在modal中加载PDF

我试图生成一个PDF文件，并打开一个模式按钮点击。 在模式中，生成的PDF应该加载到DOM中

要生成PDF，我使用axios：

axios.post('/preview', formData)
.then(function (response) {
     this.previewPdf = response.data;
}.bind(this));

生成的PDF名称将返回控制器并保存在

this.previewPdf

变量中

然后我使用laravel URL通配符在模式中加载PDF

<div class="modal-body">
    <embed :src="'/preview/' + previewPdf" width="100%" height="600" type='application/pdf'>
</div>

但是，如果我打开模式，PDF似乎已加载（网络预览）：

%PDF-1.7
%����
20 obj
我找到了解决我问题的办法

在我返回PDF的控制器中，我需要返回一个标题。。以前没有标题的内容类型只是html

使用这一行代码，它可以工作：

return response(Storage::disk('local')->get('temppdf/' . $pdfname), 200)
              ->header('Content-Type', 'application/pdf');

return response(Storage::disk('local')->get('temppdf/' . $pdfname), 200)
              ->header('Content-Type', 'application/pdf');