跟我学NodeJS（八）路由功能

最新推荐文章于 2025-09-11 19:33:59 发布

原创最新推荐文章于 2025-09-11 19:33:59 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

node-js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个使用Node.js搭建的简易HTTP服务器实现原理及代码细节。该服务器能够响应不同路由请求并展示相应的静态网页，包括首页、关于页面和登录页面等。对于不存在的路由将返回404页面。

// 加载所需模块
var http = require('http');
var url = require('url');
var fs = require('fs');

var host = '127.0.0.1';
var port = 8888;

http.createServer(function(req,res){
    var pathname = url.parse(req.url).pathname;
    console.log('Request for ' + pathname + ' received.');
        function showPaper(path,status){
            var content = fs.readFileSync(path);
            res.writeHead(status, { 'Content-Type': 'text/html;charset=utf-8' });
            res.write(content);
            res.end();
        }
        switch(pathname){
        //'首页'
        case '/':
        case '/home':
            showPaper('./view/home.html',200);
            break;
        //'about页'
        case '/about':
            showPaper('./view/about.html',200);
            break;
         //'login页'
        case '/login':
            showPaper('./view/login.html',200);
            break;
        //'404页'
        default:
            showPaper('./view/404.html',404);
            break;                            
    }    
}).listen(port, host);

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>login页面</title>
</head>
<body>
username:<input type="text" name="username" />
password:<input type="password" name="password" />
   <input type="submit" name="login" /> 
</body>
</html>

404:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>404页面</title>
</head>
<body>
   404
</body>
</html>

home:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>home页面</title>
</head>
<body>
home    
</body>
</html>

about:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>home页面</title>
</head>
<body>
home    
</body>
</html>