0

Estou criando meu portfólio em vuejs, criei um link para disponibilizar o arquivo para download (pdf) mas está fazendo download do html.

home -views --home

organização da pasta (arquivo pdf) -assets --pdf

html

<a :href="dow" download="Curriculum">
 <span class="dow"></span>
</a>

JS

data ( ) {
    return {
          dow: '@/assets/CurriculumR.pdf',
 }
}
2

1 Resposta 1

1

Por se tratar de um projeto com vue cli 2 > é necessário criar o arquivo vue.config.js

module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.(pdf)(\?.*)?$/,
          use: [
            {
              loader: 'url-loader',
              options: {
                name: 'files/[name].[hash:8].[ext]'
              }
            }
          ]
        }
      ]
    }
  }
}

Com isso o webpack vai entender e fazer o parse desse tipo de arquivo e permitir manipular através do asset gerado.

1
  • Obrigado, já salvou minha vida aqui. Commented 10/04/2020 às 17:41

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 .