2

Estou usando o Axios para efetuar as requisições da minha aplicação, e em uma das requisições GET retorna um arquivo PDF. Quando faço a requisição GET pela Postman ele abre uma janela pra escolher onde salvar o arquivo, porém quando faço a requisição pelo minha aplicação ele não efetua o download. Qual método devo usar para baixar o arquivo??

axios.get('/server/pdfs')
.then(function (response) {
  //Qual método usar aqui para efetuar o download??
})
.catch(function (error) {
  console.log(error)
})

Já olhei a documentação oficial no GitHub e lá não explica como fazer download usando o Axios.

1 Resposta 1

5

Basta criar o arquivo com o Blob e passando o mime type. Depois abra um novo link passando a url encodada. Você também pode utilizar o link criado em itens do tipo a e iframe.

axios.get('/server/pdfs')
.then(function(response) {
    var blob = new Blob([response.data], {
          type: 'application/pdf'
    });
    var url = window.URL.createObjectURL(blob)
    window.open(url);
  })
  .catch(function(error) {
        console.log(error)
});
5
  • Após ter configurado a URL ele abriu o PDF quando foi feito a requisição, porém abriu outro PDF, não o mesmo que está retornando quando faço a requisição com o Postman, vou colocar aqui o meu código do servidor: app.get('/baixarpdf', function (req, res) { ` let file = fs.createReadStream('C:/TestePDF/pdfs/teste2.pdf'); let stat = fs.statSync('C:/TestePDF/pdfs/teste2.pdf'); res.setHeader('Content-Length', stat.size); res.setHeader('Content-Type', 'application/pdf'); res.setHeader('Content-Disposition', 'attachment; filename=teste2.pdf'); file.pipe(res); })` 4/08/2017 às 17:34
  • Ficou meio desconfigurado, a cada ´res´ declarade e a cada ´let´ é uma quebra de linha. Agradeço muito sua ajuda Bruno 4/08/2017 às 17:37
  • @LeonardoEbert, este código que postou no comentário é Node.js correto? Continua abrindo o mesmo arquivo? 4/08/2017 às 17:56
  • O código acima é Node, quando eu faço a requisição pelo Postman abre o arquivo correto que está em uma pasta e que eu especifiquei o caminho, quando faço a requisição pelo meu cliente ele abre um PDF que ele cria na hora, com um nome aleatório tipo: e792586d-ffc2-49eb-8d0b-66e75b7effda,e esse "nome" sempre muda 4/08/2017 às 18:03
  • Até dei uma olhada e comparei os requests do Postman e do meu cliente e vi que no Postman está configurado "contentType: 'application/pdf', enquando no meu cliente está configurado 'application/json, text/plain, /'. Estou usando o Axios e não estou conseguindo configurar o header do meu cliente para 'application/pdf' 4/08/2017 às 18:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .