运维开发网

SpringBoot favicon Chrome设置问题解决方案

运维开发网 https://www.qedev.com 2020-08-14 11:43 出处:网络 作者: KennyWang0314
今天学习SpringBoot 设置favicon,使用springboot 2.2.4 版本。浏览器为Chrome,根据文档设置无法实现显示。但是如果更换为Safiri浏览器,可以正确显示,现把Chrome的解决方法写下来

今天学习SpringBoot 设置favicon,使用springboot 2.2.4 版本。浏览器为Chrome,根据文档设置无法实现显示。但是如果更换为Safiri浏览器,可以正确显示,现把Chrome的解决方法写下来

其他资料显示,把favicon.ico 图片文件 Copy 到 默认到资源文件夹即可,包括,SpringBoot定义的文件为:

private static final String[] CLASSPATH_RESOURCE_LOCATIONS = { "classpath:/META-INF/resources/","classpath:/resources/", "classpath:/static/", "classpath:/public/" };

我先把图片放到默认根目录下,但是怎么显示都无法显示出来,并且用<img src="/favicon.ico"> 也无法加载,通过地址也无法在页面显示。

所以,把该图片放到以上资源文件夹的images 下,此时可以在页面中显示图片,通过浏览器地址也可以访问到图片。

但是浏览器标签页面 还是不显示小图片,在 <head> 标签增加

<link rel="shortcut icon" href="images/favicon.ico" rel="external nofollow" rel="external nofollow" /> 

成功显示

全代码为:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="shortcut icon" href="images/favicon.ico" rel="external nofollow" rel="external nofollow" />

</head>
<body>
 <img src="/asserts/favicon.ico">
 <img src="/images/favicon.ico">

 <h4>欢迎首页rrr -- res</h4>
</body>
</html>

其实和基本的网页显示ICO图标是一样的,大家可以在本地测试下,感谢大家的学习和对我们的支持。

扫码领视频副本.gif

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号