案例 - 实现 clock 时钟的 web 服务器

思路

把文件的 实际存放路径 ， 作为 每个资源的 请求 url 地址 。

实现步骤

① 导入需要的模块

② 创建基本的 web 服务器

③ 将资源的请求 url 地址映射为文件的存放路径

④ 读取文件内容并响应给客户端

文件结构：

clock时钟的web服务器.js 

const fs=require('fs');
const path=require('path');
const http=require('http');
const server=http.createServer();
server.on('request',(req,res)=>{
    let fpath=``;
    if(req.url===`/`) {
        fpath=path.join(__dirname,`./index.html`);
    }else {
        fpath=path.join(__dirname,req.url);
    }
    fs.readFile(fpath,'utf8',(err,data)=>{
        if(err) return res.end(`404 NOT FOUND`);
        //防止中文乱码
        res.setHeader('Content-Type','text/html; charset=utf-8');
        return res.end(data);
    })
})
server.listen(3000,()=>{
	console.log(`server running at http://127.0.0.1:3000`);
})

运行结果：

服务器端：

客户端：