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

来源：互联网发布：淘宝牛仔裤品牌排行榜编辑：程序博客网时间：2024/04/29 22:49

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

<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图标

1 0