一尘不染

如何使用node,express和ejs包含CSS文件?

node.js

我正在尝试按照https://stackoverflow.com/a/18633827/2063561的说明进行操作,但是仍然无法加载styles.css。

从app.js

app.use(express.static(path.join(__dirname, 'public')));

在我的.ejs文件中,我尝试了这两行

<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/public/css/style.css" />

都不加载css。我进入开发人员的控制台,注意到类型设置为’text / html’而不是’text / css’。

我的路看起来像

.
./app.js
./public
    /css
        /style.css

阅读 212

收藏
2020-07-07

共1个答案

一尘不染

在server.js文件中使用它

app.use(express.static(__dirname + '/public'));

并添加CSS像

<link rel="stylesheet" type="text/css" href="css/style.css" />

不需要/之前的CSS喜欢

<link rel="stylesheet" type="text/css" href="/css/style.css" />
2020-07-07