express server不考虑加载HTML上的CSS或JS脚本

Question

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

而我有一个简单的数据库连接和服务器托管后端，看起来像这样:

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的文件夹中。查看快递文档来帮助你。提供静态文件