如何更改角度2应用程序中的默认favicon图标？

Question

• os：win32 x64
• angular-cli：1.0.0-beta.22-1
• node：7.1.0

Repro步骤。

• 删除行

  <link rel="icon" type="image/x-icon" href="favicon.ico"> 
  

  来自index.html

• ng build
• ng serve
• 浏览http://localhost:4200/

它仍显示默认的角度图标。 清除浏览器缓存后仍然尝试了上述步骤，但问题仍然存在。

以下浏览器用于复制问题：

• Chrome（版本54.0.2840.99 m）
• IE（版本11.0.98600.18499）

Answer 1

将您的图标文件放入 / public 或 / src / assets 文件夹中。这将使您的图标对浏览器可见。见the branch on Github.

Answer 2

对于Angular 9

1. 我在/ src中创建了一个favicon.png文件，并将图像拖放到了文件中

2. 在angular.json文件中将文件添加到资产中

"assets": [
              "src/favicon.png"
          ]

1. 在index.html中使用此脚本

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

1. 如果您使用的是Chrome，则可能需要清除缓存。

    for Windows: CTRL F5 
    for Mac: CMD SHIFT R