我的 css 样式没有显示，nodejs，express，hbs

Question

我已经制作了这个示例代码，但首先让我向您展示我的文件夹结构。


---public
-----css
------style.css
---views
-----video.hbs
-----video2.hbs
---server.js

这是我的服务器代码。

const express = require('express');

const app = express();

const hbs = require('hbs');

const port = process.env.PORT || 8080;

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

//Express hbs engine 
hbs.registerPartials(__dirname + '/views/parciales');
app.set('view engine', 'hbs');

app.get('/video', (req, res) => {
    res.render('video.hbs');
});
app.get('/video/2', (req, res) => {
    res.render('video2.hbs');
});
app.listen(port, () => {})

现在的问题是下一个...当我到达 localhost:8080/video 时，我的 css 工作正常，但是当我进入 /video/2 时，我的 css它没有出现，有什么解决办法吗？

Answer 1

您可能正在将 CSS 导入为 ./css/style.css。您需要将其导入为 /css/style.css.

我的 css 样式没有显示，nodejs，express，hbs

My css style it's not showing up, nodejs, express, hbs

node.js

express

handlebars.js