项目中增加favicon.ico图标

前情摘要：用了两年的项目，ico一直用的是默认的图标，最近领导要求换个带有公司logo的ico，项目中正式用的是设计小姐姐发给我的，以下文章中使用的是我自己下载的，下载地址：阿里巴巴矢量图标库 https://www.iconfont.cn/

下载图标网站

选择合适的图标，选择PNG下载，下载后将后缀改为.ico

# 项目中增加ico图标

①将图标放置在项目中

将.ico文件放在static根目录

②修改前端页面

<link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/aa.ico}"/>

如果每个页面都需要增加ico图标的话，每个页面都需要引用，我们项目前端模板引擎使用的是template

③在启动配置文件中增加配置

spring:mvc:favicon:enabled: false

注：关闭默认Favicon图标，如果这种的配置没有生效的话，可以将使用下面这种配置,将mvc去掉

spring:favicon:enabled: false

④更换图标前后对比

更换前

更换后

SpringBoot项目中增加favicon.ico图标相关推荐

VUE更换项目中的favicon.ico图标
VUE2中更换项目中的favicon.ico图标步骤: 方法一: 1.使用比特虫免费在线制作ico图标(网站地址:https://www.bitbug.net/): 2.将新的图标命名为new-fav ...
Springboot项目 web 添加 favicon.ico图标
目标:springboot项目添加ico图标,效果如下图一.如何生成 favicon.ico 图标这里介绍一下我是如何生成 .ico图标文件的 ① .挑选自己喜爱的矢量图阿里矢量图标库 http ...
python运用ico图标_如何优雅地处理Django中的favicon.ico图标详解
前言 favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看. 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习 ...
Springboot项目中的favicon
当项目还不大的时候,打开浏览器的favicon是自带的小叶子,如下图此时,我们只需要将我们想要的favicon命令为favicon.ico放置在resource下,重启服务即可改变图标当项目越来越 ...
在vue项目中使用favicon.ico
一般项目使用favicon.ico都是在index.html头部head中加入代码 <link rel="shortcut icon" type="image/x- ...
vue项目中如何设置ico图标
在vue项目开发中往往会设计到浏览器头部图标的设置,这里分享一下自己在项目中的使用的方法,如有不足的地方还望指正,直奔主题: 1.首先如何制作ico图标,本人使用的是比特虫在线制作ico图标,使用方法 ...
在项目中增加自定义icon图标
以MUI框架为例,内容来自于MUI官网. mui如何增加自定义icon图标 mui框架遵循极简原则,在icon图标集上也是如此,mui仅集成了原生系统中最常用的图标:其次,mui中的图标并不是图片,而 ...
Vue脚手架中添加favicon.ico图标失效问题
最近项目中根目录添加favicon.ico,直接在index.html中加入 <link rel="shortcut icon" type="image/x-ico ...
web项目修改favicon.ico图标
下午学累了,想试着搞一下前面老师讲的一个小知识,就是在web项目中修改favicon.ico图标.嗯,先看笔记修改图标,方式有两种,全局方式和局部方式全局方式: 进入tomcat服务器\webap ...

SpringBoot项目中增加favicon.ico图标