nginx 下使用 bootstrap 字体的问题

这两天一直处理一个bug  就是本地使用bootstrap 字体图标的时候 一点毛病没有,但是一旦在服务器上面使用,图标就变成框框,

看了下路径,显示404,找不到文件,今天早上终于解决,激动的心,颤抖的手啊!感动上天!

下面说下我这两天的犯病经历!

网上搜了好多文章,大多数都说更改bootstrap.min.css里面的路径

就是这一块

上面是原本的路径,可以看出 已经被我改的面目全非, 刚刚开始

我还以为是django静态文件的问题 ,所以把全面的../直接改成public/....

结果发现还是不行,看network里面发现路由显示404,但是本地不会就只有服务器

会这样,就很纳闷,昨天就卡在这里,到处想 到底啥问题,凭什么min.css能用,字体图标就不行呢

就很好奇,但是我想了想

第一

本地和服务器代码是相同的,版本也是相同,既然本地可以用,那么服务器没道理不可以用,所以排除版本 问题以及代码问题

第二 

网络问题或者 系统问题,但是仔细想了想,没道理啊,就一个bootstrap字体图标,很大众的东西,用的人很多,不会因为系统问题把

而且别人那么nb 应该会想到这问题,防止万一,我又去bootstrap官网看了下,没有提示系统的问题,

于是我就想,本地和服务器唯一区别就是服务器配了了nginx uwsgi 本地没有,

于是!!! 是不是nginx 或者uwsgi问题,昨天晚上 睡觉前还在想这问题,

早上 受不了 搜了一下   于是看到这样一篇文章

我nm   心中顿时一万字草原动物飘过,这??????

于是我就去改了一下,发现 我淦 好了 没问题 ,我淦 激动的心颤抖的手!!!!  

终于成功了,到头来 就这几个代码 给我解决  真的人傻了

希望大家不要向我这样,聪明的人前面直接跳过就好了

今天 刚刚完成,就来分享我这个人犯病的过程,主要还是和大家聊聊思路,

慢慢排除  不要急,一步一步,慢慢排除 就好了,实在不行,睡一觉 睡觉前想一想

没准明天突然就想到了呢!!!

加油!!!

解决方案转载于

https://www.cnblogs.com/tumio/p/5395802.html








版权声明

翼安博客


首发 翼安博客,转载请附链接!

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
web开发技术栈(框架)总结
Bootstrap-Layui-Amazeui-jQuery-vue-react-AngularJS-ci-Thinkphp-Yii-Laravel-Node-Django-springMVC-apache-nginx-mysql-redis…… 天呐,好多…… 小编虽说出身工业软件,但心里一直藏着一个UI梦。近两年,小编业余时间从零开始摸索web开发,把web开发常用的技术和框
3494

PHP7 引入的“??” 和“?:”的区别(三元运算符)
...
715

web前端开发技术储久良第三版第6章练习与实验答案
### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习6 **1.选择题** (1)D (2)A (3)D(4)B **2.填空题** (1)``、``,`` (2)border="0" (3)矩形;圆形;多边形。 3.简答题 (1)设置滚动空白空间就是指滚动文字背景和它周围文字及图像之间的空白空间范围。默认
13779

web前端开发技术储久良第三版第2章练习与实验答案
### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习2 **1.选择题** (1) B (2) D (3) A (4) B (5) A (6) B **2.填空题** (1) html、htm,index.html、default.html (2) head、body (3) 单、双,双,开
14943

web前端开发技术储久良第三版第12章练习与实验答案
### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) ** 1.选择题 ** (1)D (2)C (3)B (4)C (5)A ** 2.填空题 ** (1)post、get (2)浏览器、服务器 (3)``、name、size、multiple (4)textarea、rows、co
17056

web前端开发技术储久良第三版第13章练习与实验答案
### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习13 ** 1.选择题 ** (1)C (2)A (3)D (4)C (5)A (6)D (7)B (8)D (9)C (10)D (11)C (12)A ** 2.填空题 ** (1)input、list、id。 (2) sr
12554

web前端开发技术储久良第三版第11章练习与实验答案
### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习11 **1.选择题** (1)B (2)D (3)D (4)B (5)D (6)B **2.填空题** (1)``、 ``、`` (2) rowspan 、3、 Colspan 、 5 (3) frame、rules (4) cellspa
19073

web前端开发技术储久良第三版第10章练习与实验答案
### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习12 **1.选择题** (1)B (2)A (3)C (4)D (5)A **2.简答题** (1)略 (2) display: none让对象不显示,原来不存在。 display:block—作用是显示特定对象;visibility: visib
21511

web前端开发技术储久良第三版答案整理(下:附录模拟试卷)
[web前端开发技术储久良第三版答案整理(下:附录模拟试卷)_诗和远方_弈心博客](https://www.yixzm.cn/blog/369.html) [web前端开发技术储久良第三版答案整理(中:10-17章)_诗和远方_弈心博客](https://www.yixzm.cn/blog/368.html) [web前端开发技术储久良第三版答案整理(上:1-9章)_诗和远方_弈心博客](ht
7645

web前端开发技术储久良第三版第5章练习与实验答案
### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习5 **1.选择题** (1) D (2) C (3) B (4) C (5) B (6) A (7)B **2.填空题** (1) `href="mailto:someone@mail.com" ` (2) name、“#targe
5132

Web前端开发工程师面试(2020-9-15 面试笔试题目及回答思路指南)
面试题来自某互联网独角兽公司的前端开发工程师岗位面试记录,刚打听到的还很新鲜。 面试官和面试者小编都挺熟悉,所以内容具备一定参考价值。 面试中夹杂笔试,整个过程流程大体如下: ### 1 Q:简单做下自我介绍 A:这里是在问前端技术路线、技术面、技术成长规划,别有的没的讲一堆废话。 ### 2 Q:离职原因是什么? A:这里是问你,哪些原因会导致你离职?你工作的不稳定因素有哪些?你
1857

Web前端开发工程师笔试题(2019-3-28 整理16道,含答案)
前端时间因工作需要,整理了一套笔试题。 网上有许多套题,重复的比较多。出于笔试时间考虑,本文摘取16道,包含了CSS基本使用、时间绑定、定时器、存储、ajax和框架原理等内容。 题目偏简单,覆盖知识点勉强算全面。如果有更好的题目,也欢迎补充。 放着这里,希望能给正在准备面试的朋友们带来一点点价值。 ### 1. 一个200x200的div在不同分辨率屏幕上下左右居中,用css实现: di
2417