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 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

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