express 服务器不考虑 CSS 或加载的 JS 脚本 HTML

Question

我不知道这是否是一个问题或者我只是愚蠢，但我目前正在尝试通过本地服务器（默认端口 3000）制作一个运行s 的问卷，但每当我尝试运行服务器使用 node.js 并启动 localhost:3000，它只显示我放在我的 HTML 文档中的默认参数，这些参数在功能上是占位符，因为它们是由关联的 js 脚本动态删除和添加。除此之外，我使用 CSS 制作的样式表似乎没有被加载，所以我怀疑这些可能已连接，并且我在将它们调用到本地主机时做错了或者其他的东西。 My HTML File looks like this.

而我有一个简单的数据库连接和服务器托管后端，如下所示：

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const mysql = require('mysql');
const cors = require('cors');
const port = 3000;

const connection = mysql.createConnection({
    host    : 'localhost',
    user    : 'root',
    password: 'Arcinblade.3',
    database: 'applicants'
});

app.use( bodyParser.json() ); 

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

app.listen(port, ()=>{
    connection.connect((err) => {
        if(err) {
          console.log('Database not connected!', err);
        } else {
          console.log(`Server is running on port ${port}`);
          console.log('Database Connected!');
          
        }
    })
});

Answer 1

您需要在 express 文件中提供静态文件。为此，请使用代码：

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

您应该将 css 和 js 文件放在名为 public 的文件夹中，这样才能正常工作。查看 Express 文档以获得帮助。 Serving static files

express 服务器不考虑 CSS 或加载的 JS 脚本 HTML

express server does not take into account CSS or JS scripts on the loaded HTML

html

javascript

css