VueJS: откройте PDF-файл с помощью проигрывателя по умолчанию в навигаторе

VueJS: откройте PDF-файл с помощью проигрывателя по умолчанию в навигаторе

16.09.2019 10:39:59 Просмотров 80 Источник

Я пытаюсь открыть PDF-файл с помощью VueJS. Я хочу открыть его в новой вкладке, используя плеер навигатора по умолчанию.

Я пробовал следующее :

Один

<a href="./pdf/doc.pdf" target="_blank">pdf</a>

Где /ПДФ/док.pdf находится внутри общего каталога. Это решение пытается открыть маршрут добавления /pdf / doc.документ pdf. Не ожидается и не может визуализировать документ PDF.

Два

<a href="<%= BASE_URL %>/pdf/doc.pdf" target="_blank">pdf</a>

Я получил эту ошибку :

URIError: не удалось декодировать param '/fr / %3C%=%20BASE_URL%20%%3E / pdf / doc.в формате PDF'

Три

<a @click.prevent="pdfDoc">pdf</a>

data() {
  return {
    pdfDoc: require('../../public/pdf/doc.pdf')
  }
}

Я получил эту ошибку :

./общественных/ПДФ/док.в формате PDF 1:0 Ошибка синтаксического анализа модуля: неожиданный токен (1: 0) Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов, в настоящее время никакие загрузчики не настроены для обработки этого файла.

Как я могу просто реализовать, чтобы открыть PDF-файл на новой вкладке и отобразить его ?

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/57952328/vuejs-open-a-pdf-file-using-the-default-player-in-navigator#comment102319783_57952328
Это, кажется, решается здесь: stackoverflow.com/questions/48517942/…
https://stackoverflow.com/questions/57952328/vuejs-open-a-pdf-file-using-the-default-player-in-navigator#comment102350261_57952328
Спасибо за ваш ответ. Я использовал ту же рекомендацию, что и эта ссылка, прочитайте мой собственный ответ ниже, я узнал о проблеме !

Ответы - VueJS: откройте PDF-файл с помощью проигрывателя по умолчанию в навигаторе / VueJS : open a PDF file using the default player in navigator

吴勇智

16.09.2019 10:44:17

  1. Поместите документ PDF в статический каталог проекта Vue
  2. Поместите PDF-документ вне проекта и установите баланс нагрузки для обслуживания запроса URL-адреса PDF
Является ответом!
ml is the new cool

17.09.2019 11:12:17

Ну проблема решена в конфигурации маршрутизатора...

  {
    path: '*',
    redirect() {
      return Trans.getUserSupportedLang()
    }
  }

Поймал запрос и попробуйте подать ссылку в качестве маршрута... Удаление этого маршрута отлично работает в localhost.

Тем не менее, на веб-хостинге он отлично работает с этим последним маршрутом.

Закрыть X