Node.js 关于HTML文档中的req.url理解

index.js

var http = require('http'),
fs = require('fs');
var server = http.createServer(function(req,res){
    if(req.method == 'GET' && req.url.substr(0,7) == '/images' && req.url.substr(-4) == '.jpg'){
        fs.stat(__dirname + req.url,function(err,stats){
            if(err || !stats.isFile()){
                res.writeHead(404);
                res.end('Not Found');
                return;
            }
            serve(__dirname + req.url,'application/jpg');
            console.log(req.url);
        });
    }else if(req.method == 'GET' && req.url == '/'){
        serve(__dirname + '/index.html','text/html');
        console.log(req.url);
    }else{
        res.writeHead(404);
        res.end('Not Found');
        console.log(req.url);
    }

    function serve(path,type){
        res.writeHead(200,{'Content-Type':type});
        fs.createReadStream(path).pipe(res);
    }
});

server.listen(3000);

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<h1>My webite</h1>
＜img src＝"/images/1.jpg"＞
＜img src＝"/images/2.jpg"＞
＜img src＝"/images/3.jpg"＞
＜img src＝"/images/4.jpg"＞
</body>
</html>

cmd

cmd.png

访问127.0.0.1:3000，控制台输出 "" 后输出index.html各图片src，理解为请求html文档后，在文档中发现src继续请求服务器中目录，故在服务器文件index.js中符合第一个判断，并把文件的url赋值给Stream流（serve函数使用Stream流），在Stream流中，通过res响应输出文件。
所以此过程中访问服务器5次，除去第一次访问，234次分别输出3张图，最后一次没有找到文件，返回函数。

Node.js 关于HTML文档中的req.url理解

index.js

index.html

目录

cmd

推荐阅读更多精彩内容