将CSS样式表链接到express.static问题

Question

我正在学习，所以需要一些帮助。

[当我尝试将html文件加载到本地服务器时，它不加载styles.css文件。

我在“公共”文件夹中使用了express.static，并修改了html文件中styles.css的路径。一些帮助会很棒。谢谢。

文件夹路径：css

C：\ Newsletter-Signup \ public \ css \ styles.css

我尝试在其上应用了.css的html文件：

C：\ Newsletter-Signup \ public \ signup.html

！（https://imgur.com/PJO7J4H）

这是我的app.js文件：

const app = express();

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

app.get("/", function(req, res){
  res.sendFile(__dirname + "/signup.html" );
});

app.listen("3000", function(){
  console.log("server started on port 3000");
});

这是我指向无法加载的styles.css的链接：

< link href="css/styles.css" rel="stylesheet" > 

Answer 1

尝试使用此<link>标签。

<link href="localhost:3000/public/css/styles.css" rel="stylesheet" >