如何在不出现 MIME 错误的情况下链接我的 CSS 样式答案

【问题标题】：How can I link my CSS styles without getting MIME error如何在不出现 MIME 错误的情况下链接我的 CSS 样式
【发布时间】：2021-03-27 15:36:33
【问题描述】：

我有一个 Nodejs - Express - Vanillajs 项目，当我测试我的路由时，索引页面没有加载 CSS 并出现此错误：

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

在浏览器控制台中。我也用 Chrome、Chromium 和 Firefox 进行了尝试。我的文件夹结构是：

server.js
public
|-css
  |style.css

我使用的是 MVC 架构，我的视图引擎是 index.html CSS 与

相关联

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

【问题讨论】：

【解决方案1】：

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

此错误与引导程序有关。我认为当找不到文件时会发生错误。该链接在 html->MIME 类型 ('text/html') 中返回一些 404 错误。

【讨论】：

【解决方案2】：

问题出在我的路由中

app.use(express.static(__dirname + 'public'));

我必须添加一个斜线

app.use(express.static(__dirname + '/public'));

【讨论】：