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

Question

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

![网站图标][1]：https://i.stack.imgur.com/UbtQS.png

在我的导入 HTML 行上方：

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

有人知道怎么解决吗？

Answer 1

通过

强制刷新网站图标

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

Answer 2

因为我使用 maven 来构建应用程序，所以我在我的索引页面上添加了一个过滤器，但我忘记让它不过滤其他文件，这让我的 favcicon 看起来很奇怪，我修复了 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>

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

Strange favicon on Angular & Spring Boot App

html

javascript

favicon

spring-boot

angular