Node.js服务无法加载CSS样式求助（Live Server可正常显示）

你的问题出在Node.js服务的路由配置上：当前代码只处理了根路径的请求并返回index.html，但所有其他请求（包括CSS文件的请求）也会被这个路由捕获，导致浏览器请求/dist/css/style.css时，服务返回的其实还是index.html的内容——虽然状态码显示200，但内容不是CSS，所以样式无法生效。而Live Server会自动处理静态资源的请求逻辑，所以能正常加载样式。

解决步骤如下：

• 使用Express的express.static中间件托管静态资源，指定静态文件的根目录
• 确保静态资源中间件的配置在自定义路由之前，让静态资源请求优先被处理

修改后的代码示例：

const express = require('express');
const path = require('path');
const app = express();

// 先配置静态资源托管，处理/dist开头的请求
app.use('/dist', express.static(path.join(__dirname, 'dist')));

// 再配置根路径返回index.html
app.use('/', (req, res, next) => {
    res.sendFile(path.join(__dirname, 'views', 'index.html'));
});

这样配置后，当浏览器请求/dist/css/style.css时，服务会自动从项目根目录的dist/css文件夹中读取对应的CSS文件并返回正确内容，样式就能正常生效了。

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