Node.js-简单路由器控制

简易HTTP服务器搭建

最新推荐文章于 2023-09-21 11:20:04 发布

ZhangXD_BLOG

最新推荐文章于 2023-09-21 11:20:04 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

分类专栏： NodeJS

本文链接：https://blog.youkuaiyun.com/u012054869/article/details/81946456

NodeJS 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一个使用Node.js实现的简易HTTP服务器，该服务器能够处理多种类型的请求并返回静态资源如HTML页面、图片和CSS样式文件。通过对不同URL路径的判断，服务器能返回相应的文件内容或者错误提示。

render.js:

//引入模块
let http = require("http");
let fs = require("fs");

//创建HTTP服务
http.createServer(function (req,res) {

    if (req.url === "/favicon.ico"){
        return false;
    }
    if (req.url === "/" || req.url === "/index.html"){
        // 读取文件
        fs.readFile("./index.html",function (err,data) {
            //设置响应头
            res.writeHead(200,{
                "Content-type":"text/html;charset=utf-8"
            });

            //结束响应
            res.end(data);
        })
    }else if(req.url === "/show.html"){
        // 读取文件
        fs.readFile("./show.html",function (err,data) {
            //设置响应头
            res.writeHead(200,{
                "Content-type":"text/html;charset=utf-8"
            });

            //结束响应
            res.end(data);
        })
    }else if(req.url === "/image/1.jpg" ){
        //读取文件
        fs.readFile("./image/1.jpg",function (err,data) {
            //设置响应头
            res.writeHead(200,{
                "Content-type":"image/jpeg"
            });
            //结束响应
            res.end(data);
        })
    }else if(req.url === "/style.css"){
        //读取文件
        fs.readFile("./style.css",function (err,data) {
            //设置响应头
            res.writeHead(200,{
                "Content-type":"text/css"
            });
            // 结束响应
            res.end(data);
        })
    } else {
        res.writeHead(404,{
            "Content-type":"text/html;charset=utf-8"
        });
        res.end("您访问的也没不存在");
    }
    console.log(req.url);
}).listen(3200,function () {
    console.log("Http Server running on port 3200");
})

index.html:

<h1>你好</h1>
<img src="/image/1.jpg" alt="">

show.html:

<h1>你好，全世界</h1>

style.css:

h1 {
    font-size: 18px;
}
img{
    width: 50%;
}