原生node.js路由页面跳转

最新推荐文章于 2025-05-29 22:34:08 发布

thinkingw770s

最新推荐文章于 2025-05-29 22:34:08 发布

阅读量1.8k

点赞数

本文链接：https://blog.youkuaiyun.com/thinkingw770s/article/details/82707558

版权

本文介绍如何使用Node.js原生方式加载HTML并处理CSS请求。通过监听HTTP请求，根据URL读取不同类型的静态文件，如HTML和CSS，并设置正确的Content-Type响应头。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//node 原生html加载css
//主要思想就是任何一个静态文件也应该做向应
// <link src= href=''>
var http=require('http');
var fs=require('fs');
var server=http.createServer();
server.on('request',header);
function header(request,response) {
    var url=request.url;
    if (url === "/"){
        fs.readFile('index.html',function readData(err,data){
            response.writeHead(200,{'Content-Type':'text/html'});
            response.end(data)
        })
    }
    else if(url==='/about'){
        var surl='.'+url;
        var type=surl.substr(surl.lastIndexOf('.')+1,surl.length);
        response.writeHead(200,{'Content-Type':'text/'+type});
        fs.readFile(surl,function readData(err,data) {
            if(err){
                response.writeHead(404,{'Content-Type':"text/html"});
            }
            response.end(data)
        })
    }else if(url==='/index1'){
        var surl='.'+url;
        var type=surl.substr(surl.lastIndexOf('.')+1,surl.length);
        response.writeHead(200,{'Content-Type':'text/'+type});
        fs.readFile(surl,function readData(err,data) {
            if(err){
                response.writeHead(404,{'Content-Type':"text/html"});
            }
            response.end(data)
        })
    }
}
 server.listen('3030',function () {
    console.log('http://127.0.0.1:3030/')
 });