SpringBoot修改favicon.ico图标

最新推荐文章于 2023-05-11 20:02:27 发布

原创最新推荐文章于 2023-05-11 20:02:27 发布 · 695 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #html

本文介绍了如何在SpringBoot项目中自定义favicon.ico图标，包括将icon文件放入resources/static目录下，并在index.html中正确引入，以实现浏览器标签页上的图标显示。针对2020.2.1版本，通过设置spring.mvc.favicon.enabled=false的方法已失效，提供了解决方案。

SpringBoot自定义favicon.ico

2020.2.1版本无效办法
在2020.2.1版本，在application.properties里添加

spring.mvc.favicon.enabled=false

已经无效，查阅很多方法后，放上我最终的解决方案。

icon文件放到resources/static下

favicon.ico文件目录

index.html引入

<link rel="shortcut icon" href="favicon.ico" >

整体

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" >
    <title>Spring Boot Learn</title>
</head>

效果

在这里插入图片描述
因为我的8080端口被占用，所以修改成8081了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

匹诺曹_626

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

SpringBoot自定义favicon.ico图标配置

TechChamp的博客

08-14

2116

在使用SpringBoot开发Web应用时，我们经常需要为应用设置一个自定义的favicon.ico图标。通过以上简单的配置，你可以很容易地在SpringBoot应用中实现自定义的favicon.ico图标。现在，你应该能够在浏览器中看到你自定义的favicon.ico图标。这只是最简单的配置方式，如果你有更复杂的需求，你可以通过自定义配置类来实现。保存配置类后，重新启动应用程序，你的自定义favicon.ico图标应该正常显示。方法，我们将favicon.ico图标的路径映射到静态资源目录下的。

SpringBoot 系列教程(五十四)：SpringBoot自定义favicon.ico图标配置

Thinkingcao的专栏

09-30

6173

一、默认的favicon.ico Spring Boot提供了一个默认的Favicon，每次访问应用的时候都能看到，就是我们每次访问SpringBoot项目左上角看到的那个小绿色叶子。二、自定义favicon.ico图标 2.1. 可关闭和启用favicon.ico a.我们可以在application.yml中设置关闭Favicon，默认是开启的，所以才能看到那个小叶子...

参与评论您还未登录，请先登录后发表或查看评论

SpringBoot更换Favicon图标

weixin_39768795的博客

11-06

1740

今天打算分享个小的问题，之前在大学做项目的时候，我们常常忽略细节问题，我记得很清楚，在我们一次项目答辩上，我们老师指出所有项目的一个共同问题，就是为什么不把tomcat的小图标换成自己项目的呢?所以从那以后我就很注意每个小的细节问题，正所谓，细节决定成败。 1.在SpringBoot项目中，我们需要先关闭Favicon配置 spring.mvc.favicon.enabled=false...

Springboot 图标更换

weixin_33796177的博客

04-10

1502

1.将自己的logo图片转为.ico格式的，命名必须为【favicon.ico】 2.将该图片直接放在src/main/resourecs目录下 3.重启项目，刷新一下浏览器缓存，就会发现图标更换了转载于:https://www.cnblogs.com/zktww/p/10684379.html...

SpringBoot启动图标修改

04-20

Springboot启动logo更改，选择文本或者图片方式

springboot 更换Favicon

zxg444098850的专栏

04-19

1120

Springboot提供了一个默认的Favicon，每次访问都能看1 关闭Faviconspring.mvc.favicon.enable=false2 设置自己的Favicon若想设置自己的Favicon，需要将自己的favicon.ico（文件名不能修改）文件放置在累路径根目录或类路径META-INF/resources/ 下或类路径resources／下或类路径static/下或类路径pu

SpringBoot19-springboot的Web开发-Favicon配置

wj903829182的专栏

08-13

4588

Spring Boot提供了一个默认的Favicon，每次访问应用的时候都能看到，如下图：定制自己的Favicon一：关闭Favicon 我们可以在application.yml中设置关闭Favicon，默认为开启，spring: mvc: favicon: enabled: false二：设置自己的Favicon 若需设置自己的Favicon，则只需将自己的f

SpringBoot 2.2.6添加图标 favicon.ico无法显示，但却可以通过/favicon.ico读取

qq_39699956的博客

04-26

2042

创建SpringBoot 2.2.6 web项目放入index.html静态网页时发现无法加载页面小图标（即将favicon.ico放到默认读取目录是不能加载到浏览器上了，在1.x中这个自动配置了。）。2.x没有自动配置，可根据以下方法修改（在需要加载的HTML网页head标签里）： <link rel="shortcut icon" href="/favicon1.ico"/> ...

SpringBoot 2.2.* 多环境添加自定义浏览器图标 favicon.ico

F_HK0317的博客

11-30

439

最近项目需要一个使用thymeleaf的web端，需要使用多环境打包，但是最后打包后发现favicon.ico文件损坏。刚开始以为是jar包影响，但是在单环境中并没有这个问题。最终找到如下配置： <resources> <resource> <directory>src/main/resources</directory> <includes&

SpringBoot 2.2.6 添加自定义浏览器图标 favicon.ico

莫得感情的小猪头的博客

04-02

3748

一天一个小知识点，spring boot 2.0之后就不能自动配置 favicon.ico了，可参考官方文档。可根据一下方法进行自定义修改，如图： <link rel="shortcut icon" href="/favicon1.ico"/> <link rel="bookmark" href="/favicon1.ico"/> 需要注意的是favicon.ico需...

springboot 设置favicon.ico图标踩坑

u014392988的博客

05-13

1247

目录结构类路径下static/home.html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"/> <title>home</title> <link rel="icon" th:href="@{/static/favicon.ico}" ..

SpringBoot如何设置网页图标favicon.ico

weixin_52536274的博客

05-11

1370

1.首先把你喜欢的图片放项目的静态文件夹下并重命名favicon.ico。2.清理并重新打包项目。3.运行项目成功！

SpringBoot自定义favicon.ico(含源码)

wenteryan的博客

01-26

9636

默认的Favicon Spring Boot提供了一个默认的Favicon，每次访问应用的时候都能看到。关闭Favicon 我们可以在application.properties中设置关闭Favicon，默认为开启。 spring.mvc.favicon.enable=false 或在application.yml中设置关闭Favicon spring: mv

【踩坑系列】SpringBoot 项目更换浏览器选项卡的图标

涛涛之海

07-08

2968

需要替换项目中浏览器图标的选项卡，效果如下：清理掉浏览器的缓冲，刷新界面后，始终没有效果，关闭浏览器，重新打开，就更换新的图标了。(1) 首先，先清理掉浏览器中的缓冲，Ctrl+shirt+delete(2) 关闭浏览器，重新打开 (这步一定要操作)(3) 将新图标放置到项目中 resource/static/favicon.png ，重新启动 tomcat 项目(4) 重新访问，效果如下至此，选项卡的图标替换完成。欢迎大家评论，您的点赞，收藏，转发就是对我最大鼓励。.........

SpringBoot-----更换项目图标icon

wendy专栏

10-29

1万+

1、方式一：直接把icon图标拷贝到resources/static目录下 2、方式二：如果放在static/images/xx.icon 则在页面直接引用图标 <link rel="icon" type="image/x-icon" href="/images/xx.icon" /> ...

vue3更换浏览器地址栏的 favicon.ico图标

Shivy_的博客

02-20

6981

vue3更换浏览器地址栏的 favicon.ico图标

VUE更换项目中的favicon.ico图标

Begin_need的博客

04-17

3395

2.将新的图标命名为favicon.ico，并将其放置在项目的public文件夹下，并替换原来的图标；1.使用比特虫免费在线制作ico图标（网站地址：https://www.bitbug.net/）；1.使用比特虫免费在线制作ico图标（网站地址：https://www.bitbug.net/）；2.将新的图标命名为new-favicon.ico，并将其放置在项目的public文件夹下；3.保存并重新启动项目，即可看到新的favicon.ico图标生效;

favicon.ico设置及修改问题

danielyulu的博客

05-21

1万+

最近用vue构建前端项目时，需要将网页打开时显示小图标，在网上大概搜了一下，希望对大家有帮助。1.favicon.ico图标的制作favicon.ico图标大小选取：浏览器默认的 favicon.ico 大小是16×16，不过为了显示的更加清楚通常采用32×32如果手上没有ico格式的图片，也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作...

Spring Boot 自定义favicon.ico