将前端文件 HTML、CSS、JS 链接到后端 node.js

Question

我是 web 开发的新手，我最近有一个关于 node.js 和快递的在线课程。 本课程并未真正介绍如何在使用 Node.js 时添加 HTML、CSS 和 JS 文件。

我试过这个：

var express = require('express');
var app = express ();
var port= 3000;

app.use(express.static('public'));
app.listen(port,function(){
console.log('Express app listening on port' +port);
})

app.get('/hello',function(request,response){
response.sendfile('index.html')
})

在这个 server.Js 文件中，我指向了应该在该页面上加载的 HTML 文件。 但是，它加载页面时没有样式，也没有加载其中的图像......

为了使我的前端文件在调用时可用，应该怎么做？

Answer 1

我认为您错过了在index.html文件中链接CSS文件

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

假设您的文件夹结构是：

project root 
     ├── server.js
     ├── package.json 
     └── public   
       ├── css  
         └── style.css
       ├── index.html