springboot项目中layui的字体图标显示不出来

最新推荐文章于 2025-09-11 02:20:37 发布

原创最新推荐文章于 2025-09-11 02:20:37 发布 · 2.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#定位 #java #maven #css #bug

bug 专栏收录该内容

14 篇文章

订阅专栏

本文描述了在使用layui框架开发网页时遇到的图标无法正常显示的问题，通过F12开发者工具发现错误日志，分析原因在于Maven构建过程中字体文件格式被破坏。提供了解决方案，在pom.xml中添加特定插件配置，避免字体文件被过滤，重启项目后问题得以解决。

问题描述：在使用layui开发页面时，js和css路径正确，包结构也跟官网的一样，但是图标就是出不来，像下图中一样。
在这里插入图片描述
问题定位：
F12开发者控制台打印如下日志：

在这里插入图片描述

问题分析：这是因为经过maven的filter，会破坏font文件的二进制文件格式，所以前台解析出错

解决方案：pom.xml中加上这个插件

<!--解决图标不能回显问题-->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <configuration>
                    <nonFilteredFileExtensions>
                          <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
                        <nonFilteredFileExtension>woff</nonFilteredFileExtension>
                        <nonFilteredFileExtension>woff2</nonFilteredFileExtension>
                    </nonFilteredFileExtensions>
                </configuration>
            </plugin>