Express服务器部署后HTML按钮功能失效，本地打开正常求助

• 直接从文件管理器打开index.html时，浏览器通过本地文件系统读取page.js，相对路径./page.js能正常定位到文件，脚本加载后按钮功能生效。
• 运行Express服务器后，当前代码只配置了根路径/返回index.html，未设置静态文件服务。当浏览器请求page.js时，服务器没有对应路由处理该请求，返回404错误，导致脚本未加载，myButton()函数不存在，按钮点击失效。

在server.js中添加express.static中间件，让Express能够处理静态文件（如js、css等）的请求。修改后的代码如下：

const express = require('express');
const app = express();
const port = 8000;

// 配置静态文件服务，指定当前目录为静态文件根目录
app.use(express.static(__dirname));

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

app.listen(port, () => {
  console.log('Server started.');
});

添加后服务器会正确返回page.js文件，页面加载后脚本正常生效，按钮点击功能恢复。

内容的提问来源于stack exchange，提问作者BlazingLeaf12