Express 不加载 CSS 文件

Question

由于某种原因我的 CSS 没有加载，我使用 sass，所以它在 public 文件夹之外创建了一个 css 文件夹，并且在我尝试移动它之后它只是继续这样做

我的文件夹目录 -节点项目 -上市 +index.htmlFOlder structure

-css +style.css +index.js（我的服务器）

这是我在 css 中的链接和我用来在索引中提供此服务的中间件

html

<link rel="stylesheet" href="../css/style.css">

nodejs

app.use(express.static('public'))

请注意，我现在也遇到了错误 -

"拒绝应用来自 'http://127.0.0.1:3000/css/style.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且严格的 MIME 检查是已启用。”

Answer 1

要为多个static files 提供服务，您需要在index.js 文件中添加多个middlewares

app.use(express.static('public'));
app.use(express.static('css'));

并在您的index.html 文件中使用此行链接到CSS

<link rel="stylesheet"  href="style.css">