使用bootstrap轮播功能时候,glyphicon图标不显示问题

在项目中,使用到轮播工具的时候,正常设置数据源没有问题,但是在显示向左向右控件图标的时候会发现无法显示,以下是部分代码

<a class="left carousel-control" href="#myCarousel" 
       data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="carousel-control right" href="#myCarousel" 
       data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

我们会发现页面显示E7029这种错误

在打开主页的静态页面时,轮播的左右按钮显示正常;而服务器发布的页面显示有问题.

经过检查发现服务器返回了404错误,没找到资源,主

要是因为服务器没有识别woff类型的资源.

所以我们在web.xml加入

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

即可显示woff图标