Laravel5.3 用 bootsrap 的 Glyphicons 小图标显示不出来的问题(已解决)

显示为一个方框
如图:

file

代码:

<span class="glyphicon glyphicon-search"></span>

检查错误发现有404错误:
file
提示没找到,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>

到我的服务器配置文件,刷新以后出现了新的报错

file


后来我转变了思路,可能真的是字体文件没获取到
我想到了laravel规定只有public文件夹可以被浏览器访问,可能是fonts没有被传到这个文件夹
我把bootstrap 库里的fonts文件夹拷贝到工程的public文件夹下
图标可以显示了...

所以最后用了这么奇怪的办法解决了这个问题
感觉应该是css预处理的时候没有把字体也预编译到public里
因为自己webpack,gulp 用的不是很熟
这个问题仍待考察..

长路漫漫,唯键盘作伴。:octocat: 我是猫哥,欢迎关注我的 「个人博客 」和微信公众号「前端猫哥」 :new_moon_with_face:
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!