Question

我在我的Vue Webpack SPA的index.html中设置了收藏夹图标。当我去索引站点或基本上到达任何正常路线时，它会起作用，但是当我使用可变路线（path: "/traduzione/:translation"）时，它就不会起作用

我在Google上搜索了此问题，但未找到任何相关结果。我尝试清除缓存，也尝试在另一台PC上进行缓存，这在我的开发localhost和生产地址上也都发生。

我相信这是所有与重现我的问题有关的代码

index.html

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

router / index.js

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

（着陆组件中没有与元数据相关的代码）

我当然也需要在可变路径中使用favicon功能，这对我为什么不起作用并不真正有意义，每个组件都使用在其中包含favicon的index.html，所以为什么会有这样的问题？

Answer 1

最后我自己解决了这个问题，我一直在努力弄清楚，发布这个想法后不久我就知道了。

当链接看起来像“ static / favicon.png”时，只要有1条路线就可以了。在变量route中，我们有2（route /：route），然后将链接附加在其后。

因此它正在本地主机：8080 / favicon.png中搜索我在本地主机：8080 / traduzione / favicon.png中的图标。

此问题已通过在链接的开头（“ /static/favicon.png”）处添加斜杠来解决。

Favicon不在Vue.js变量路由中显示

1 个答案: