Node.js服务器运行时CSS样式未生效问题求助

你的Node.js服务器当前对所有请求都返回bool.html内容，包括浏览器请求bool.css的时候。浏览器拿到的是HTML而非CSS文件，所以样式无法生效。

修改服务器代码，根据请求的URL路径返回对应的文件，并设置正确的Content-Type响应头，让浏览器能识别文件类型：

const http = require("http");
const fs = require("fs");
const path = require("path");

const server = http.createServer((req, res) => {
  let filePath;
  // 根据请求路径确定要读取的文件
  if (req.url === "/" || req.url === "/bool.html") {
    filePath = path.join(__dirname, "bool.html");
    res.setHeader("Content-Type", "text/html");
  } else if (req.url === "/bool.css") {
    filePath = path.join(__dirname, "bool.css");
    res.setHeader("Content-Type", "text/css");
  } else {
    // 处理404情况
    res.writeHead(404, {"Content-Type": "text/plain"});
    res.end("404 Not Found");
    return;
  }

  // 读取并返回文件
  fs.readFile(filePath, (err, content) => {
    if (err) {
      res.writeHead(500, {"Content-Type": "text/plain"});
      res.end(`服务器错误: ${err.message}`);
    } else {
      res.end(content);
    }
  });
});

server.listen(3000, () => {
  console.log("Server listening to port 3000!");
});

• 必须根据req.url区分不同的请求资源，不能统一返回HTML
• 给不同类型的文件设置对应的Content-Type：HTML用text/html，CSS用text/css，浏览器才能正确解析
• 使用path.join(__dirname, 文件名)确保文件路径正确，避免相对路径的问题
• 额外处理了404和服务器错误的情况，让服务更健壮

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