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

Question

3

我使用以下命令创建了一个新的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 没有任何不同。

我该如何使应用程序能够访问此文件？

- Nathan Osman

请尝试使用Ctrl+F5。 - mujuonly

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Maikel · Accepted Answer

制作一个与原文件同名的PNG图像（即favicon.png），并在这些文件中修改名称。 index.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",
]

然后，根据浏览器、版本、操作系统等不同情况：