Laravel5.3 用 bootsrap 的 Glyphicons 小图标显示不出来的问题(已解决)
显示为一个方框
如图:
代码:
<span class="glyphicon glyphicon-search"></span>
检查错误发现有404错误:
提示没找到,bootstrap其他文件都找得到为啥就这三个文件找不到?
百度后据说是跨域的问题,也就是说.woff .tff 这类文件遇到了问题,并提供了一个解决方法:
通过添加Access-Control-Allow-Origin 来解决
我使用的是Apache服务器,按照提示添加了
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
到我的服务器配置文件,刷新以后出现了新的报错
后来我转变了思路,可能真的是字体文件没获取到
我想到了laravel规定只有public文件夹可以被浏览器访问,可能是fonts没有被传到这个文件夹
我把bootstrap 库里的fonts文件夹拷贝到工程的public文件夹下
图标可以显示了...
所以最后用了这么奇怪的办法解决了这个问题
感觉应该是css预处理的时候没有把字体也预编译到public里
因为自己webpack,gulp 用的不是很熟
这个问题仍待考察..
长路漫漫,唯键盘作伴。:octocat: 我是猫哥,欢迎关注我的 「个人博客 」和微信公众号「前端猫哥」 :new_moon_with_face:
推荐文章: