Quero que um PDF(gerado no meu servidor) seja mandado para o meu cliente e aberto em uma nova aba antes de ser baixado. Já consegui fazer com que ele seja baixado diretamente quando vem do servidor para o cliente, porém, agora necessito que ele seja exibido ao invés de ser baixado.
Criei um servidor Express na versão 4.15.0 e o meu cliente foi feito em VueJS utilizando o Quasar Framework. Segue alguns códigos para ajudar no entendimento da pergunta:
Servidor:
pdfMake = printer.createPdfKitDocument(docDefinition);
let stream = pdfMake.pipe(fs.createWriteStream('../pdfs/Tabela.pdf'));
pdfMake.end();
stream.on('finish', function() { //Método síncrono que só efetua o download do arquivo
// depois que o PDF está criado
if (fs.existsSync('C:/Projetos/Relatorios/pdfs/Tabela.pdf')) {
let file = 'C:/Projetos/Relatorios/pdfs/Tabela.pdf';
res.send(file); //Este método está certo?? Se não, qual devo usar??
}
})
Cliente:
axios({
method: 'post',
url: '/server/gerarpdf',
responseType: 'arraybuffer',
data: this.pessoas
})
.then(function (response) {
let blob = new Blob([response.data], {type: 'application/pdf'})
let link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
//Comentei o método abaixo pois ele efetuava o download, qual método devo utilizar para que o PDF seja visualizado ao invés de baixado??
// link.download = 'TabelaTeste.pdf'
link.click()
})