返回

一个奇怪的问题

为什么静态网站会丢失 CSS 啊……

解决静态网站 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 对应的东西啊……

不太理解……

Licensed under CC BY-NC-SA 4.0
长夜如此温柔,我该用什么把你留住


© Licensed Under CC BY-NC-SA 4.0


蜀ICP备2024113293号