解决静态网站 CSS 丢失
在无数次的重复之后,我终于在偶然间排出了这个折磨我已久的问题:CSS 丢失的原因。
问题描述
网站的排版完完全全跟着代码中的顺序,安排的位置全部被打乱,可以定位到 CSS 的缺失。如图:
问题排查
(没学过前端,不会系统排查,纯粹碰运气
打开控制台
只找到了一堆关于 http 安全性的错误,以及一个极为不起眼的结果:mine.types warning。(找不到截图了
打开元素,对照着找试图找问题
(无果)
偶然间打开网络
发现 CSS 的文件类型居然是 text/plain !!!
我感觉到这东西有点像是默认的选择,我就在 F12 中把它改成了 text/css,一下子就正常了!我立马冲到 ngnix 里,把 default type 改成 CSS,也是正常的。那么也就是说……
我回到我的 index.html 中,在 CSS 文件的后面加上了 type = "text/css"
ok,一切正常了。
不过由于 public 文件是编译出来的,所以去到 /layouts/partials/head/style.html 在这里进行修改,一劳永逸。
但是还有疑虑没有解决,为什么 ngnix 没有读出来是 CSS,我明明 “include mines.type” 了啊???里面也有 CSS 对应的东西啊……
不太理解……