Servlet&JSP前端代码报错:Failedtodecodedownloadedfont问题解决

答案置顶：

<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.woff</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.ttf</url-pattern>
</servlet-mapping>

1. bug描述

今天写代码的时候出现了一个问题, 前端页面的一些小图标不见了, F12之后, 发现报错信息如下:

?

1	Failed to decode downloaded font: https://localhost:8080/font-awesome-4.7.0/fonts/fontawesome-webfont

当然这只是其中的一条, 因为由好几个图标都不能显示, 所以有好几条这样的报错信息.

2. bug解决

我先google了一下这个错误信息, 并没有找到正确的解决方案, 但是有一个博主说是因为工程中使用了Maven, 没有在pom.xml设置过滤信息, 从而导致了bug, 具体解释点击这里.

然而这并没有解决我的问题, 因为我的pom.xml和他的格式不一样, 并且没有设置任何拦截. 但是这位博主给了我一个重要的提示, 那就是查看我的过滤器!!!

果然问题出现在过滤器中, 在过滤器中的非过滤URI字段数组中, 我只添加了css/js/img等, 而没有添加这个用于显示图标的”font-awesome-4.7.0”库的URI, 导致带有”font-awesome-4.7.0”的URI都被拦截, 造成前端页面图标无法显示的问题.

所以, 如果你的前端页面也出现了这个问题, 并且你的Maven配置没有问题的话, 建议你查看一下你的过滤器, 检查一下是否有被多过滤的URI.