本文介绍了如何使用Node.js创建静态页面服务。首先展示了js代码直接与html结合的方式，然后过渡到将js代码与html代码分离，通过fs模块读取HTML文件并响应请求。通过这种方式，实现了对/index.html页面的处理。
1、第一阶段：js代码与html结合
var http=require("http");
var server=http.createServer(function(req,res){
console.log("开始访问");
switch(req.url){
case '/index.html':
var html="<html><head><title>我的第一个静态nodejs网站</title></head><body><h1>nodejs之旅开始啦</h1></body></html>";
res.setHeader("Content-Type","text/html");
res.setHeader("Content-Encoding","utf8");
res.end(html);
break;
}
console.log(req.url);
});
server.listen(7777);
总结：哎，一开始我就慌了，整个页面的布局好乱。
2、第二阶段：js代码与html代码分离
var http=require("http");
var fs=require("fs");
var server=http.createServer(function(req,res){
console.log("开始访问");
switch(req.url){
case '/index.html':
fs.readFile("./index.html",function(err,data){
//注释：index.html页面保存在与js代码的同级目录。
if(err){
throw err;
}
else{
res.writeHeader(200,{"ContentType":"text/html"});
res.write(data.toString());
res.end();
}
})
break;
}
console.log(req.url);
});
server.listen(7777);
总结：看起来比上面的多，但是这只是一个页面的处理，哎，这下放心了，carry on
扫一扫
9650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
