web项目修改favicon.ico图标

最新推荐文章于 2023-04-17 10:42:57 发布

火星帅

最新推荐文章于 2023-04-17 10:42:57 发布

阅读量2.1k

点赞数 2

分类专栏： Java 文章标签： tomcat java

本文链接：https://blog.csdn.net/qq_45142938/article/details/120142984

版权

Java 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

下午学累了，想试着搞一下前面老师讲的一个小知识，就是在web项目中修改favicon.ico图标。嗯，先看笔记
修改图标，方式有两种，全局方式和局部方式

全局方式：

进入tomcat服务器\webapps\ROOT，然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片
局部方式

只对设置的页面起作用，将自己项目需要的favicon.ico图片作为资源文件(一个图片)添加到项目下，然后在页面如index.jsp的标签中引入该图片

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

没错，这两行代码是关键，要加对地方，在head标签里，而且最后改一下路径，用相对路径获取一下。没错，改好之后就是下面这样：

<html>
<head>
    <title>Title</title>
    <link rel="icon" href="${pageContext.request.contextPath}/favicon.ico" mce_href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" mce_href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon">
</head>
<body>

剩下的部分就不展示了

但是，问题出现了！！！！！！！！！！！！！！！！！！！！！

根本没有图标，我换了各种浏览器，就是没有图标。我一度怀疑自己是不是哪里搞错了，仔细对比了好几遍代码，发现没问题，再把老师发的视频看了一遍，还是没问题，去博客搜了一下，也照不出来问题，这瘪犊子玩意，此处省去一万字……

此处是个华丽的分割线

么得办法，不弄了，吃了个饭回来，在此项目上继续练习新的内容，结果，奇迹出现了，哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

一开始我还没发现，但是这个页面我设置的是默认页面，打开突然发现有图标了，就离谱
在这里插入图片描述

呐，这不就好起来了嘛
真的，很无奈啊，不过，心里还是挺开心的。
最后，分享自己喜欢的一句话：
你只管努力，剩下的交个天意。如果事与愿违，上天一定自有安排。

加油，爱生活，爱java

火星帅

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
web项目修改favicon.ico图标

下午学累了，想试着搞一下前面老师讲的一个小知识，就是在web项目中修改favicon.ico图标。嗯，先看笔记修改图标，方式有两种，全局方式和局部方式全局方式：进入tomcat服务器\webapps\ROOT，然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片局部方式只对设置的页面起作用，将自己项目需要的favicon.ico图片作为资源文件(一个图片)添加到项目下，然后在页面如index.jsp的标签中引入该图片<link rel="ico
复制链接

扫一扫