楊魅力
2023-07-06 15:02:29
剛剛在我的學(xué)校啟動(dòng) Express 服務(wù)器模塊。我做了一個(gè)非常簡(jiǎn)單的網(wǎng)站只是為了嘗試一下,但似乎 css 文件沒(méi)有被執(zhí)行(在 chrome 的終端 cl 中檢查)。拒絕應(yīng)用“http://localhost:3000/public/style.css”中的樣式,因?yàn)槠?MIME 類型(“text/html”)不是受支持的樣式表 MIME 類型,并且啟用了嚴(yán)格的 MIME 檢查。家:26獲取http://localhost:3000/public/einstein-home.jpg 404(未找到)const express = require('express'); const app = express(); app.use(express.static('public')); app.get('/home', (request, response) => { console.log('dirname', __dirname); response.sendFile(__dirname + '/views/home.html') }); app.get('/about', (request, response) => { console.log('dirname', __dirname); response.sendFile(__dirname + '/views/about.html') }); app.get('/works', (request, response) => { console.log('dirname', __dirname); response.sendFile(__dirname + '/views/works.html') }); app.listen(3000, () => { console.log('Website about Einstein'); });body { font-family: Verdana, Geneva, Tahoma, sans-serif; background-color: #f2f2f2; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-weight: 200;}.container { width: 90%; margin-left: auto; margin-right: auto; height: 600px; background-color: #FFFFFF;}header { width: 100%; height: 8%; background-color: #52bad5; border-bottom: 1px solid #2C9AB7;}nav { float: right; width: 50%; text-align: right; margin-right: 25px;}header nav ul { list-style: none; float: right;}nav ul li { float: left; color: #FFFFFF; font-size: 14px; text-align: left; margin-right: 25px; letter-spacing: 2px; font-weight: bold; transition: all 0.3s linear;}ul li a { color: #FFFFFF; text-decoration: none;}ul li:hover a { color: #2C9AB7;}.text { width: 90%; text-align: justify; font-weight: lighter; line-height: 25px; float: left; padding-left: 20px; padding-right: 20px; color: #A3A3A3;}
1 回答

ITMISS
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊
我強(qiáng)烈建議不要滾動(dòng)你自己的模板:express 是ejs
內(nèi)置的,如果你需要更復(fù)雜的東西,添加更好的模板pug
或者nunjucks
是完美的選擇。依靠res.render()生成 HTML 文件,不要使用res.write
或res.sendFile
。
至于為什么事情不能正常工作,請(qǐng)記住閱讀如何static
工作:你告訴 Express 在進(jìn)入“真正的”路由之前需要檢查哪些目錄的 URL 請(qǐng)求,其中 - 關(guān)鍵 - 目錄的名稱不會(huì)映射到 URL。
即如果你有這個(gè):
app.use(express.static('public')) app.use(express.static('files'))
那么請(qǐng)求yoursite.tld/css/cake.css
將首先檢查css/cake.css
inside?public
,然后檢查 inside?files
,然后如果app.get
沒(méi)有路徑匹配,它將落入任何可能匹配的路由。
添加回答
舉報(bào)
0/150
提交
取消