html - ejs 文件无法应用样式表

Question

我在一个网站上工作，CSS 文件似乎随机地停止应用于我正在处理的 ejs 文件。链接有效(这是因为我可以在 vs 代码中访问链接)但 CSS 文件不会加载。

我试过更改路径但无济于事，当我在 sublime 中运行它而不是在 vs code 中时，CSS 文件被应用到 ejs 文件。文件树如下所示:

1 Project
-- 1.1 public
   -- 1.1.1 demos.css
-- 1.2 views
   -- 1.2.1 demos.ejs

EJS (demos.ejs)

<link rel="stylesheet" type="text/css" href="../public/demos.css">

CSS (demos.css)

body { 
    background: url(images/About-bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 80px;
}

在 chrome 上检查元素的控制台上显示:

Refused to apply style from 'http://localhost:8081/demos/demos.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Answer 1

不知道是否还有其他人遇到此类问题，但我通过在 public 文件夹中创建一个 demos 文件夹来修复它，因为 ejs 文件出于某种原因正在寻找该文件夹。

希望这对某人有帮助!