angular - 如何在 Angular 应用程序中提供 favicon.png 而不是 favicon.ico？

Question

这个问题在这里已经有了答案:





How to change Angular CLI favicon

(32 个回答)


去年关闭。




我创建了一个新的 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)并更改这些文件中的名称。
索引.html

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

angular.json

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

在旧版本的 Angular(v.7 之前)中，后一个文件是 angular-cli.json

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

之后，取决于浏览器、操作系统版本等。

重启应用

重启浏览器

清理缓存