前端创建一个本地服务器

骑猪看日落 2022-01-27 14:59 337阅读 0赞

## 前端快速搭建一个本地服务器 ##

**需要用到的工具是** node.js、sublime Text编辑器、git

首先查看自己电脑是否安装node.js，在命令行中输入node -v  
![在这里插入图片描述][20190527091456680.png]  
打开编辑器，创建一个后缀为js的文件，输入代码

//加载http的核心模块
    var http=require('http')
    
    //使用require方法加载fs核心模块
    var fs = require('fs')
    
    //创建Server
    var server=http.createServer()
    
    //监听request请求，设置请求处理函数.(注意要设置发送数据内容的类型)
    server.on('request',function(req,res){
    	if(req.url==='/'){
    		fs.readFile('./test/index.html',function(err,data){
    			if(err){
    				res.setHeader('Content-type','text/plain;charset=utf-8')
    				res.end('文件读取失败')
    			}else {
    				res.setHeader('Content-type','text/html;charset=utf-8')
    				res.end(data)
    			}
    		})
    	}
    })
    
    //设置监听端口
    server.listen(3000,function(){
    	console.log('服务器启动成功')
    })

编写完成之后在该文件所属的文件夹下面打开命令行或者git，输入node xxx.js（xxx为该文件名）  
![在这里插入图片描述][20190527093902179.png]  
在浏览器中输入localhost:3000就能访问你所写的服务器了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzI3ODg5_size_16_color_FFFFFF_t_70]  
**几个要注意的点是**  
读取文件的路径要写对  
要设置返回数据的类型，不然会乱码  
服务器的监听端口要确保没有被占用，一般来说用3000.4000都是没有被占用的

[20190527091456680.png]: /images/20220127/6873b993cba14f87aae4e276b6a238b0.png
[20190527093902179.png]: /images/20220127/c3c46aab15f944808945a2c8423bf5b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzI3ODg5_size_16_color_FFFFFF_t_70]: /images/20220127/6e9752a8f671418e81520f991d4ff474.png