node.js - 如何修复Express中公共(public)文件夹中外部CSS的路径？

Question

请帮我修复加载外部 CSS 文件的路径。我已经尝试了很多次，但没有成功。这是我的类别结构:

在 header.ejs 中，我包含路径:

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

尝试了很多次，还是不行

// app.use(express.static(path.join(__dirname + '../../src/web/public/')));
// app.use('*/css',express.static('public/'));
// app.use("/static", express.static(path.resolve(__dirname + "/public/css")));

我不断收到此错误:

拒绝应用“localhost:3000/style.css”中的样式，因为其 MIME 类型(“text/html”)不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

Answer 1

假设在您的 app.js 文件(位于 dist 文件夹中)中调用了express.static，并且 public 文件夹包含在 dist 文件夹中，则以下操作应该有效:

在你的app.ts中:

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

在你的 html/ejs 中:

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

如果您打算将 public-folder 保留在 src-dir 中而不将其包含在 dist-package 中，则需要调整 app.ts 文件中的路径:

app.use(express.static(path.join(__dirname, '../../src/web/public')));