CSS 文件阻塞: MIME 类型不匹配(X-Content-Type-Options: nosniff)

我也遇到了同样的问题。这似乎是一个怪异的 特快，可以表现自己为几个不同的原因，从搜索“ nodejs 表示 css 哑剧类型”的网络点击量判断。

尽管我们在 <link元素中放入了 type="text/css"属性，Express 将 CSS 文件作为

Content-Type: "text/html; charset=utf-8"

而它真正应该返回的是

Content-Type: "text/css"

对我来说，最快捷的解决方法就是简单地删除 rel=属性，也就是更改

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

到

<link type="text/css" href="styles.css">

测试证实了 CSS 文件已经下载，并且样式确实可以工作，这对于我的目的来说已经足够好了。

我也删除了 rel = "stylesheet"，我不再得到 MIME 类型错误，但样式没有被加载

有些答案建议删除 rel = “样式表”，但这对我来说并不适用。 根据 Expressjs 文档: https://expressjs.com/en/starter/static-files.html 使用 express.static函数服务静态文件，如 CSS、 JavaScript 等。

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

从那里您应该能够加载公共目录下的任何文件 例如，如果目录 {PROJECT_PATH}/public/css/中有一个 style.css 文件

http://localhost:3000/css/style.css会起作用的。

对于一个完整的堆栈 Web 应用程序(正在开发) ，我遇到了同样的问题，我只是通过正确地将 css 文件链接到呈现的页面来解决这个问题。正如上面建议的那样，删除 rel = stylesheet可以防止错误显示在浏览器中，但是它不会加载应该应用于页面的样式。简而言之，这不是一个解决方案。

如果你正在使用 express-static，你可以用这个例子:

服务器端:

app.use(express.static(__dirname + "/public", {
index: false,
immutable: true,
cacheControl: true,
maxAge: "30d"
}));

客户端:

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

只需在你想链接到 html 页面的文件前面添加一个正斜杠(如果你没有使用任何 template engines渲染 html 页面) ，Express-static 就会自动完成剩下的工作。

在 Angular 应用程序中的 javascript 文件(相对于 css)也有类似的问题。实际上，问题不在于 Mime 类型(如外部错误消息所示) ，而是最终出现了“404Notfound”错误。

在我的例子中，把脚本文件放在除了“资产”文件夹以外的任何地方都会导致404和最终的 mime 类型错误。下面的标记在 index.html 的 head 部分对我很有用:

<script src="assets/plugins/jquery.min.js" type="text/javascript"></script>

资产文件夹是 Index.html 文件的兄弟文件。

在我的例子中，我将下面的代码块以相反的顺序混乱了，所以我得到了这个错误。如果你有这个问题，按照下面的顺序，它可能会有所帮助

1.

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

2.

app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'public/index.html'));
});

3.

app.use('/api', cors(corsOptions), indexRouter);

这解决了我的问题:

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

似乎对我有用的东西正在改变

<script type="text/javascript" src="/lib/matrix.js"></script>

到

<script type="text/javascript" src="./lib/matrix.js"></script>

一个简单的方法是在所使用样式表的路径之前添加一个正斜杠 /。对我来说是 href='css/style.css'改成了 href='/css/style.css'。非常有效。

我也遇到了这个问题，我用 Kirankumar Gonti 的提示解决了这个问题。

使用以下行:

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

确保设置常量路径。

您还需要确保您的 css 文件夹嵌套在公用文件夹中。

如果这些解决方案不起作用:

 app.use(express.static('public'))//for server
<link rel="stylesheet" href="/index.css">//for styles

然后确保根目录中存在 「公众」 文件夹。