如何更改 Angular 中的 favicon.ico 路径？

Question

我是 Angular 的新手。 在我的 angular 应用程序环境中，在 DNS 名称之后会有一个基本路径，例如 https://my-server-name/my-angular-app-name。

还有一个服务器端限制，例如只有与“my-angular-app-name”基本路径匹配的请求才会通过服务器。 所有其他与路径不匹配的请求将被终止。

我能够使用 ng build --deploy-url /my-angular-app-name/ 命令在应用程序中提供基本路径。 此命令在 index.html 需要的所有 Java 脚本文件中添加 /my-angular-app-name 的基本路径。 但是这个命令不会更新 favicon.ico 文件的路径。

有什么方法可以为 favicon.ico 文件提供自定义路径吗？

Answer 1

1. 在src文件夹中添加您的网站图标。

2. 打开 heindex.html 文件并更改 favicon 文件名（使用新添加的图标名称）。

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

在 angular.json 文件中，在 assets 数组中添加 favicon。

参考这里

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

Answer 2

您是否检查了 angular.json 和 manifest.json 中的配置？