如何更改 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 中的配置？