你如何用快递服务器css文件?
我见过很多类似的问题,但我做的一切似乎都没有用。没有提供css文件。我一直收到以下错误。
拒绝从'http://localhost:7000/public/css/styles.css'应用样式,因为它的MIME类型('text / html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。
launch-analytics.js:4 Uncaught TypeError:无法读取launch-analytics.js上未定义的属性'parentNode':4 at launch-analytics.js:5(匿名)@ launch-analytics.js:4(匿名)@ launch -analytics.js:5
我的index.ejs文件(路径:user / Node / views / index.ejs)
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<link rel="stylesheet" href="public/css/styles.css" type="text/css">
<body>
<p>I am the home page</p>
</body>
</html>
app.js文件:(路径:用户/节点)
let express = require('express');
let bodyParser = require('body-parser');
let app = express();
let urlencodedParser = bodyParser.urlencoded({ extended: false })
app.set('view engine', 'ejs');
app.use(express.static('/public'));
app.get('/', function(req,res){
res.render('index');
});
app.listen(7000);
styles.css文件:
body{
background-color: skyblue;
font-family: verdana;
color: white;
padding: 30px;
}
h2{
font-size: 49px;
text-transform: uppercase;
letter-spacing:2px;
text-align: center;
}
p{
font-size: 16px;
text-align: center;
}
.text-field{
display: flex;
justify-content: center;
}
回答如下:
看起来app.use(express.static('/public'));
指向相对于根目录的目录。将其更改为app.use(express.static(__dirname + '/public'));