angular - Favicon在 Angular 应用程序中不起作用

这是下面的代码，用于自定义图标

 <link rel="shortcut icon" sizes="16x16" href="favicon-16x16.png" type="image/png" />

在angular.cli中

"assets": [
        "assets",
        "favicon-16x16.png"
      ],

适用于此URL(主菜单):http://localhost:4200/maintenance

，但不适用于此URL(子菜单):http://localhost:4200/maintenance/colors

编辑:



资料夹结构:



我尝试从我的旧问题中放入所有类型的URL:Different between ./ , ../ , ../../ , ~/ on file path(URL) in asp.net

但这对我没有帮助。

最佳答案

按照您所说的，它正在“主菜单”上工作，而不是在“子菜单”上工作，看起来您的主src文件夹称为“/maintenance”。
因此，您应该尝试将其用作基本根。

尝试 :

<link rel="shortcut icon" sizes="16x16" href="/maintenance/favicon-16x16.png" type="image/png" />