node.js/express javascript route css problem

Question

所以我有一个问题。我想做一个路由，例如从localhost…/bmw/x1

我有一个按钮在localhost../cars，点击后网站加载localhost../bmw/x1

在我的javascript中写入这段代码:

const express = require("express");

var app = express();

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

app.set("views", "views");
app.set("view engine", "pug");
app.get('/', (req, res) => {
res.render("firstpage");
});

app.get("/cars", function(req,res){
res.render("cars");
});

app.get("/bmw/x1", function(req,res){
res.render("bmwx1");
});
app.listen(PORT, function() {
console.log("server is running);
});

在我的pug中，第一页是:(只有一小段代码)

html 
head 
link(rel="stylesheet", href="styles/style.css")
link(href="https://fonts.googleapis.com/css2?family=Akshar:wght@300&display=swap" rel="stylesheet")
meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1")
body
nav 
h3 
a(href="/cars") cars

然后在/cars上我有一个按钮:

div
button(class="detailsbutton") 
a(href="/bmw/x1") Details

现在这实际上为我工作，它加载pug，但如果我加载到localhost../bmw/x1我的CSS不工作，只有在这条路径上，任何地方它工作，但不是在那里，所以它没有格式化。

所以我不确定如果我不能使用app.get("/site/secondsite"，…)，我必须这样做，否则错误是在其他地方

谢谢你的回答，对不起我的英语!

Answer 1

如果你收到404错误可能是因为你错过了/前面的CSS链接

• 样式前面的斜杠表示它从根目录
调用
• 将链接更改为href="/styles/style.css"应该可以工作

查看更多细节