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:
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

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