vue2后端返回PDF数据流前端如何实实现打印pdf功能

你可以使用现代浏览器的 `window.print()` 方法来打印 PDF 数据流。具体实现步骤如下：

1. 后端返回 PDF 数据流

首先，后端需要将 PDF 数据以二进制流的形式返回给前端。你可以使用类似于以下的代码来实现：

@RequestMapping(value = "/downloadPdf", method = RequestMethod.GET)
public ResponseEntity<byte[]> downloadPdf() throws IOException {
    byte[] pdfBytes = getPdfBytes(); // 获取 PDF 数据流

    HttpHeaders headers = new HttpHeaders();
    headers.setContentType(MediaType.APPLICATION_PDF);
    headers.setContentDispositionFormData("attachment", "file.pdf");
    headers.setContentLength(pdfBytes.length);

    return new ResponseEntity<>(pdfBytes, headers, HttpStatus.OK);
}

2. 前端获取 PDF 数据流并打印

在前端，你可以使用类似于以下的代码来获取 PDF 数据流并打印：

axios.get('/downloadPdf', { responseType: 'blob' })
    .then(response => {
        const blob = new Blob([response.data], { type: 'application/pdf' });
        const url = URL.createObjectURL(blob);
        const iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = url;
        document.body.appendChild(iframe);
        iframe.contentWindow.print();
    })
    .catch(error => {
        console.error(error);
    });

这段代码会向后端请求 PDF 数据流，并将其转换成 Blob 对象。然后，它会创建一个隐藏的 iframe 元素，并将其 src 属性设置为 PDF 数据流的 URL。最后，它会调用 iframe 的 `contentWindow.print()` 方法来打印 PDF。

这样就可以实现从后端获取 PDF 数据流并打印的功能了。希望对你有帮助！