本地直接打开HTML有favicon，Node.js HTTP服务器运行时不加载

当你通过服务器访问页面时，浏览器会自动发送一个GET请求到/favicon.ico来获取网站图标，但你的当前代码只处理了根路径/的请求，所有其他路径都返回404错误，这就是favicon无法加载的原因。直接打开HTML文件时，浏览器是从本地读取favicon，所以能正常显示。

修改后的完整代码如下：

const http = require("http");
const fs = require("fs");
const path = require("path"); // 引入path模块处理文件路径，避免跨系统路径问题

const server = http.createServer(serverFunc);
server.listen(3000, () => console.log("Server is running at http://localhost:3000/"));

function serverFunc(req, res){
    switch(req.method){
        case "GET":
            responseFunc();
            break;
        case "POST":
        case "PUT":
        case "DELETE":
        default:
            res.statusCode = 405;
            res.statusMessage = "Method Not Allowed";
            res.setHeader("Content-Type", "text/plain");
            res.end("Not Allowed");
            break;
    }

    function responseFunc(){
        if(req.url === "/"){
            res.statusCode = 200; // 202表示请求已接受但未处理完成，成功返回页面用标准的200 OK更合适
            res.statusMessage ="OK";
            res.setHeader("Content-Type", "text/html; charset=UTF-8"); // 把charset合并到Content-Type头，写法更规范
            let html = fs.readFileSync("index.html");
            res.end(html); // 直接用res.end可以替代res.write+res.end的组合
        } else if(req.url === "/favicon.ico"){
            try {
                // 读取favicon文件，这里假设favicon.ico和当前脚本在同一目录
                const favicon = fs.readFileSync(path.join(__dirname, "favicon.ico"));
                res.statusCode = 200;
                res.setHeader("Content-Type", "image/x-icon"); // 如果你的图标是PNG格式，改成image/png即可
                res.end(favicon);
            } catch (err) {
                // 就算favicon文件不存在，也返回404但不影响主页面加载
                res.statusCode = 404;
                res.end();
            }
        } else {
            res.statusCode = 404;
            res.statusMessage ="Not Found";
            res.setHeader("Content-Type", "text/plain");
            res.end("Page Not Found!");
        }
    }
}

额外说明几个优化点：

• 调整了根路径响应的状态码，用标准的200 OK替代202，符合HTTP规范
• 优化了响应头的写法，将字符编码合并到Content-Type中
• 引入path模块处理文件路径，避免不同操作系统下的路径解析问题
• 给favicon的读取逻辑增加了异常捕获，防止因文件不存在导致服务器崩溃

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