项目场景:
把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