Фавикон не показывает в переменных маршрутах Vue.js - PullRequest
Новая
       18

Фавикон не показывает в переменных маршрутах Vue.js

0 голосов
/ 28 июня 2019

Мой favicon установлен в index.html моего веб-пакета Vue SPA. Он работает, когда я иду на индексный сайт или по любому другому обычному маршруту, но не работает, когда я использую переменный маршрут (path: "/traduzione/:translation")

Я искал эту проблему в Google, но не нашел соответствующих результатов. Я пытался очистить кэш, а также пытался сделать то же самое на другом ПК, это также происходит как на локальном хосте разработки, так и на рабочем адресе.

Я считаю, что это весь соответствующий код, чтобы воспроизвести мою проблему

index.html 

<link rel="shortcut icon" sizes="96x96" type="image/png" href="static/favicon.png">

маршрутизатор / index.js 

  routes: [
    { path: "/", name: "Quote", component: Quote },
    { path: "/traduzione/:translation", name: "Traduzione", component: Landing },
    { path: "*", component: PageNotFound }
  ]

(Нет кода, связанного с метаданными, в компоненте Landing)

Мне, конечно же, нужен мой функционал favicon в переменных маршрутах, для меня не имеет смысла, почему он не работает, каждый компонент использует index.html, внутри которого есть favicon, так почему бы и нет? такая проблема?

1 Ответ

0 голосов
/ 28 июня 2019

В конце концов, я решил это сам, я долго пытался понять это, и вскоре после публикации я получил идею.

Когда ссылка выглядит как «static / favicon.png», тогда этохорошо, пока есть только 1 маршрут.В переменной маршрутов у нас есть 2 (route /: route), а затем он добавляет ссылку за ним.

Итак, он искал мой значок в localhost: 8080 / traduzione / favicon.png вместо localhost: 8080 / favicon.png.

Это было исправлено добавлением косой черты в началессылка ("/static/favicon.png").

...