CSS 未加载:'MIME type mismatch, text/html'
CSS not being loaded: 'MIME type mismatch, text/html'
正如标题所说,正在加载我链接的 CSS 个文件中的 none 个。奇怪的是,同一网站中另一个页面的 CSS 加载得很好。
我使用 express 作为服务器,使用 ejs 作为模板引擎。
EJS代码:
<link rel="stylesheet" href="./CSS/header.css">
<link rel="stylesheet" href="CSS/index.css">
<link rel="stylesheet" href="CSS/threads.css">
<link rel="stylesheet" href="CSS/theme.css">
服务器代码(节点):
app.use(express.static(__dirname + '/views'));
app.set('view engine', 'ejs')
.
.
.
app.get('/thread/:thread', (req, res)=>{
const thread_starter_html = get_thread_starter()
const thread_replies_html = get_thread_replies()
res.render('./thread.ejs', {thread_name: req.params.thread, thread_starter: thread_starter_html, thread_replies: thread_replies_html})
})
文件结构:
-/ Node Modules
|
-/ Views
| -/CSS
| | -|..<css files>
| -/JS
| | -|..<JS files>
| |
| -|..<ejs files>
|
-|server.js
..
..
这些是我得到的错误:
如果有人能帮我解决这个问题,我将不胜感激。
谢谢。
更新
当我进行以下更改后,问题得到解决:
变化 1:
app.use(express.static(__dirname + '/views'));
TO
app.use(express.static(__dirname + '/views/'));
变化2:
<link rel="stylesheet" href="./CSS/header.css">
...
TO
<link rel="stylesheet" href="/CSS/header.css">
...
正如标题所说,正在加载我链接的 CSS 个文件中的 none 个。奇怪的是,同一网站中另一个页面的 CSS 加载得很好。
我使用 express 作为服务器,使用 ejs 作为模板引擎。
EJS代码:
<link rel="stylesheet" href="./CSS/header.css">
<link rel="stylesheet" href="CSS/index.css">
<link rel="stylesheet" href="CSS/threads.css">
<link rel="stylesheet" href="CSS/theme.css">
服务器代码(节点):
app.use(express.static(__dirname + '/views'));
app.set('view engine', 'ejs')
.
.
.
app.get('/thread/:thread', (req, res)=>{
const thread_starter_html = get_thread_starter()
const thread_replies_html = get_thread_replies()
res.render('./thread.ejs', {thread_name: req.params.thread, thread_starter: thread_starter_html, thread_replies: thread_replies_html})
})
文件结构:
-/ Node Modules
|
-/ Views
| -/CSS
| | -|..<css files>
| -/JS
| | -|..<JS files>
| |
| -|..<ejs files>
|
-|server.js
..
..
这些是我得到的错误:
如果有人能帮我解决这个问题,我将不胜感激。
谢谢。
更新
当我进行以下更改后,问题得到解决:
变化 1:
app.use(express.static(__dirname + '/views'));
TO
app.use(express.static(__dirname + '/views/'));
变化2:
<link rel="stylesheet" href="./CSS/header.css">
...
TO
<link rel="stylesheet" href="/CSS/header.css">
...