Загрузите файл .pdf из Vue папки проекта CLI - PullRequest
Новая
       56

Загрузите файл .pdf из Vue папки проекта CLI

2 голосов
/ 30 мая 2020

Я пытаюсь просто загрузить файл .pdf из компонента Vue. Он работает, например, с файлами .jpg или .png, но не с файлами .pdf.

Это мой vue .config. js

module.exports = {
  chainWebpack: config => {
    config.module
      .rule("vue")
      .use("vue-loader")
      .loader("vue-loader")
      .tap(options => {
        // modify the options...
        return options;
      });

    config.module
      .rule("pdf")
      .test(/\.pdf$/)
      .use("file-loader")
      .loader("file-loader");
  }
}

В моем упрощенный компонент Vue, я пытаюсь загрузить файл вот так (работает с .jpg) 

   <template>
     <div>
       <a :href="pdfLink" download="myPdf.pdf">Download</a>
     </div>
   </template>


 <script>
    name: "PdfFileComponent",
    data: () => ({
    pdfLink: require("../assets/myPdf.pdf")
  })
 </script>

Любая помощь приветствуется!

1 Ответ

3 голосов
/ 30 мая 2020

У меня это работает с некоторыми изменениями моих правил в vue.config.js

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

Надеюсь, это поможет кому-то с той же проблемой.

...