浏览器显示Failed to decode downloaded font问题解决 maven打包导致字体文件损坏

在将Vue项目打包后的静态资源放入Java SpringBoot项目中,可能出现字体图标显示为方框的问题。这通常是由于字体/图标文件在打包过程中被错误处理导致的。解决方法是在pom.xml中添加特定配置,排除这些文件类型,确保它们不被过滤或压缩。在重新打包前,需先执行clean操作以清除缓存。
摘要由CSDN通过智能技术生成

项目场景:

把vue打包后的静态资源放入java(springboot)项目resource下后,前台访问小图标变成方框`

如图:
图标变成方框

原因分析:

前台浏览器提示错误信息 错误信息

问题:字体/图标文件前台解析失败,可能是在java项目打包时,被编译/压缩了


解决方案:

java项目打包时,排查这类文件,在pom.xml里面添加以下代码即可

        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <excludes>
                    <exclude>**/*.ttc</exclude>  
                    <exclude>**/*.ttf</exclude>  
                    <exclude>**/*.woff</exclude>  
                    <exclude>**/*.woff2</exclude>  
                    <exclude>**/*.svg</exclude>  
                    <exclude>**/*.eot</exclude>  
                    <exclude>**/*.ico</exclude>  
                </excludes>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>false</filtering>
                <includes>
                    <include>**/*.ttc</include>
                    <include>**/*.ttf</include>
                    <include>**/*.woff</include>
                    <include>**/*.woff2</include>
                    <include>**/*.svg</include>
                    <include>**/*.eot</include>
                    <include>**/*.ico</include>
                </includes>
            </resource>
        </resources>

特别注意:重新打包之前,一定要执行clean操作。清除缓存再执行package

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值