码迷,mamicode.com
首页 > Web开发 > 详细

node.js 核心http模块,起一个服务器,返回一个页面

时间:2017-09-10 14:25:28      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:utf-8   bsp   console   dex   stream   code   server   else   sync   


let http=require("http"); //引入核心http模块 let fs=require("fs"); let mime={ ‘.js‘:‘application/javascript‘, ‘.css‘:‘text/css‘ } //创建一个函数,req代表客户端,res代表服务器可写流 let listener=(req,res)=>{ //res是可写流,有write和end if(req.url==="/"){ //设置编码 res.setHeader(‘Content-Type‘,‘text/html;charset=utf-8‘); fs.createReadStream(‘index.html‘).pipe(res); }else{ if(fs.existsSync(`.${req.url}`)) { res.setHeader(‘Content-Type‘,mime[req.url.match(/\.\w+$/)[0]] +‘;charset=utf-8‘); fs.createReadStream(`.${req.url}`).pipe(res); }else{ res.statusCode=404; res.end(); } } } let port=8080; //创建一个服务,放入一个监听函数, let server=http.createServer(listener); // server.listen(port,function () { //启动成功后 console.log(`start${port}`); })

 看上面代码,我们需要先创建三个文件

index.html

index.css

index.js

html文件里面,我们要引进css和js文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--服务端引用路径不支持相对路径-->
    <link rel="stylesheet" href="index.css">
    <script src="index.js"></script>
</head>
<body>
<div>你好,帅吗</div>
</body>
</html>

我们运行上面js文件时候,就会创建一个静态服务器,端口8080

然后返回客户端一个index.html文件

浏览器渲染这个html文件,我们对应的css和js就加载进去了

node.js 核心http模块,起一个服务器,返回一个页面

标签:utf-8   bsp   console   dex   stream   code   server   else   sync   

原文地址:http://www.cnblogs.com/null11/p/7500861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!