node.js - css 未在所有带有express-handlebars 的路线上呈现

Question

只有基本路由是用 css 渲染的。所以 / 、 /home 、 /about 和 /portfolio 没有问题。但 /portfolio/project1 或 about/biography 在没有 css 的情况下呈现

这是我的代码

const express = require('express');
const xhbs = require('express-handlebars');
const app = express();

app.use(express.static('public'));

app.use(express.urlencoded({
    extended:true
}));

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

app.engine('handlebars', xhbs({
    defaultLayout:'main'
}));

app.set('view engine', 'handlebars')

app.get('/portfolio', (req, res)=>{//css works fine on this route
        res.render('portfolio');
});    

app.get('/portfolio/project1', (req, res)=>{//css has no effect here
    res.render('project1');
});

我的文件是这样构造的

public
    css
        styles.css
views
    layouts
        main.handlebars
server
    server.js

Answer 1

您可以在 Handlebars 文件的头部使用基本标签

<base href="http://localhost:5000">