& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Title
& lt; !——服务端引用路径不支持相对路径——比;
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/index.css " rel=巴獠縩ofollow”比;
& lt;脚本src=" https://www.yisu.com/zixun/index.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; div>你好,帅吗& lt;/div>
& lt;/body>
& lt;/html>
我们运行上面js文件时候,就会创建一个静态服务器、端口8080
然后返回客户端一个index . html文件
浏览器渲染这个html文件,我们对应的css和javascript就加载进去了
其实上面写法不是很简便,节点里面有模块解决路径获取后缀名的问题,还有路径问题
让http=要求(“http”);//引入核心http模块
让fs=要求(fs);
让mime=要求(mime);//解决文件类型
让url=要求(“url”);//创建一个函数,要求代表客户端,res代表服务器可写流
让听众=(点播,res)=祝辞{//res是可写流,有写和结束
让{查询、路径名}=url.parse (req.url,真实);
如果路径名==="/"){//设置编码
res.setHeader(“内容类型”、“text/html; charset=utf - 8”);
fs.createReadStream (index . html) .pipe (res);
其他}{
如果(fs.existsSync(" ${路径名}')){//mime第三方包npm安装mime -保存//mime.lookup可以通过文件路径后缀判断是什么类型的
res.setHeader(内容类型,mime.lookup(路径名)+ ';charset=utf - 8 ');
fs.createReadStream(" ${路径名}”).pipe (res);
其他}{
res.statusCode=404;
res.end ();
}
}
}
让端口=8080;//创建一个服务,放入一个监听函数,
让服务器=http.createServer(听众);//服务器。听(港口,函数(){//启动成功后
console.log(“开始${港口}”);
})
以上这篇节点。js核心http模块,起一个服务器,返回一个页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
