favicon不适用于角度应用

Question

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

 <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

编辑:

此外,它无法使用完整的favicon URL href="../src/favicon-16x16.png"

文件夹结构:

我试过从我的旧问题中放入所有类型的URL:在asp.net中的./,.. /,../.. /,〜/文件路径(URL)之间有所不同

但它对我没有帮助.

Answer 1

在资产文件夹中添加图像并更新index.html中的以下路径

<link rel="icon" href="assets/favicon.png" type="image/png">

Answer 2

根据你的说法,它正在"主菜单"而不是"子菜单",它看起来像你的主src文件夹被称为"/维护".所以你应该尝试使用它作为你的基础根.

尝试:

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

Answer 3

尝试将其添加到资产文件夹

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

然后图标为

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