最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

你如何用快递服务器css文件?

运维笔记admin13浏览0评论

你如何用快递服务器css文件?

你如何用快递服务器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'));

发布评论

评论列表(0)

  1. 暂无评论