web开发概述(03):初步实现静态资源

初步实现静态资源

/*
    响应完整的页面信息
    静态资源读取
 */


const http = require('http');
const path = require('path');
const fs = require('fs');

//根据路径读取文件的内容
let readFile = (url,res) =>{
    fs.readFile(path.join(__dirname,'www',url),'utf8',(err,fileContent) =>{
        if(err){
            res.end('server error');
        }else{
            res.end(fileContent);
        }
    });
}

http.createServer((req,res) =>{
    // 处理路径的分发
    if(req.url.startsWith('/index')){
        readFile('index.html',res);
    }else if(req.url.startsWith('/about')){
        readFile('about.html',res);
    }else if(req.url.startsWith('/list')){
        readFile('list.html',res);
    }else {
        //设置响应类型和编码
        res.writeHead(200,{
            'Content-Type':'text/plain; charset=utf8'
        });

        res.end('404页面未找到');
    }
}).listen(3000,'172.16.10.141',()=>{
    console.log('服务启动……');
});
posted @ 2020-09-29 16:22  mrtransition  阅读(83)  评论(0)    收藏  举报