TWaver办公网拓扑图

Node搭建本地服务

根据demo文件夹位置，右键启动命令窗口（shift+右键---在此处打开命令窗口）

检测node版本及npm版本

命令行输入：node -v
命令行输入：npm -v

文件夹新建server.js文件（启动服务用的，监听服务），代码如下：

const PORT = 8888; //访问端口号8888   //端口号最好为6000以上
var http = require('http'); //引入http模块
var fs = require('fs'); //引入fs模块
var url = require('url');//引入url模块
var path = require('path');//引入path模块
// req : 从浏览器带来的请求信息
// res : 从服务器返回给浏览器的信息
var server = http.createServer(function(req,res){
    var pathname = url.parse(req.url).pathname;;
     //客户端输入的url，例如如果输入localhost:8888/index.html，那么这里的url == /index.html 
     //url.parse()方法将一个URL字符串转换成对象并返回，通过pathname来访问此url的地址。

    var realPath = path.join('C:/Users/Administrator/Desktop/拓扑图案例测试',pathname);
    //完整的url路径
    console.log(realPath);  
    // F:/nodejs/nodetest/index.html

    fs.readFile(realPath,function(err,data){
        /*
        realPath为文件路径
        第二个参数为回调函数
            回调函数的一参为读取错误返回的信息，返回空就没有错误
            二参为读取成功返回的文本内容
        */
        if(err){
            //未找到文件
            res.writeHead(404,{
                'content-type':'text/plain,charset=UTF-8'
            });
            res.write('404,not found page');
            res.end();
        }else{
            //成功读取文件
            res.writeHead(200,{
                'content-type':'text/html,charset=UTF-8'
            });
            res.write(data);
            res.end();
        }
    })
});
server.listen(PORT); //监听端口
console.log('服务成功开启')

新建index.html文件，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>node Test</title>
    <style type="text/css">
        html,body{
            margin: 0;
            padding: 0;
        }
        .node{
            width: 300px;
            margin: 0 auto;
            padding-top:100px; 
            text-align: center;
        }
        .node h1{
            color:rgb(33,199,40);
        }
    </style>
</head>
<body>
    <div class="node">
        <h1>Hello Nodejs</h1>
    </div>
</body>
</html>