我正在从后端开发我的应用程序。我的页面应该在本地加载 css。我正在使用 nodejs、express.js 和 ejs(用于我的页面)- MEN/MEAN 堆栈。
<link href="../public/stylesheets/style.css" rel="stylesheet" type="text/css">
我 100% 确定链接是正确的,因为 VS Code 允许您进行检查,但我在加载页面时遇到错误。错误:“来自“http://localhost:3000/public/stylesheets/style.css”的资源由于 MIME 类型(“text/html”)不匹配(X-Content-Type-Options:nosniff)而被阻止”
当我改用样式标签时,CSS 工作正常。这里发生了什么?
最佳答案
好的,我解决了。问题出在 Express 上,它将“text/css”部分更改为“text/html”。一个快速简单的解决方法是删除“rel=stylesheet”,但这会产生不同的结果。最好的办法是使用 app.use(express.static("public"))
- 这会让 express 知道公用文件夹用于样式和脚本。
链接现在应该看起来像<link href="stylesheets/style.css" rel="stylesheet" type="text/css">
它将起作用。
关于html - 我的 html(ejs) 完全忽略了我的 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58078456/