Question

我创建了一个新的Angular应用程序：

ng new ...

我可以通过以下方式查看应用程序：

ng serve --open

我删除了默认src/favicon.ico，并将其替换为src/favicon.png。我还打开了src/index.html并将相应的行改为：

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

这似乎没有效果。发出/favicon.png的GET请求只会返回src/index.html的内容。重新启动ng serve没有任何区别。

如何让应用程序可以访问此文件？

Answer 1

制作一个同名的png图像（favicon.png）并更改这些文件中的名称：

的index.html：

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

角cli.json：

"assets": [
    "assets",
    "favicon.png" 
],

之后

1）重新启动应用程序，如果仍未更改

2）重启系统