Angular 和 Spring Boot 应用程序上的奇怪图标

Posted 2023-02-27

【中文标题】Angular 和 Spring Boot 应用程序上的奇怪图标

【英文标题】：Strange favicon on Angular & Spring Boot App

【发布时间】：2018-01-04 16:04:00

【问题描述】：

我在前端有一个带有 Angular 的 Spring Boot 应用程序，我在静态文件夹中创建了一个网站图标，但是当我加载页面时，出现了一个奇怪的图标：

![favicon][1]：https://i.stack.imgur.com/UbtQS.png

在我的导入 html 行上方：

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

有人知道怎么解决吗？

【问题讨论】：

我找到了解决方案，问题正在发生，因为我在 maven 上以错误的方式使用资源过滤器，我停止对整个项目进行过滤，然后只在 index.html 中进行过滤它奏效了。

【参考方案1】：

由于我使用 maven 构建应用程序，我在我的索引页面上添加了一个过滤器，但我忘记让它不过滤其他文件，这让我的图标看起来很奇怪，我修复了 pom，不包括我想修复过滤的文件，然后我包含，过滤它。

<resource>
    <directory>src/main/resources</directory>
    <filtering>false</filtering>
    <excludes>
        <exclude>static/index.html</exclude>
            <exclude>application.properties</exclude>
        </excludes>
</resource>
<resource>
    <directory>src/main/resources</directory>
    <filtering>true</filtering>
    <includes>
        <include>static/index.html</include>
        <include>application.properties</include>
    </includes>
</resource>

【参考方案2】：

通过执行强制favicon刷新

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