用Node.js创建一个静态服务器,部署页面

女爷i 2022-02-01 16:15 293阅读 0赞

在使用Node.js创建静态服务器之前，需要先安装Node.js。未安装可以查看我之前的博客。  
Node.js的安装（[https://blog.csdn.net/zhanleibo/article/details/90179789][https_blog.csdn.net_zhanleibo_article_details_90179789]

## 获取http模块，创建服务器，监听80端口 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70]

为了创建服务器要引入http模块var http=require(“http”);  
创建服务器http.createServer()\{\};  
设置监听 sever.listen()\{\};  
request为http请求的对象，response为http应答的对象  
response.end()表示结束响应，告诉客户端所有消息已经发送。当所有要返回的内容发送完毕时，该函数必须被调用一次。如何不调用该函数，客户端将永远处于等待状态。

## 设置请求数据 ##

![在这里插入图片描述][20190514222240385.png]在http.createServer()\{\}中添加response.write()代码  
打开visual控制台，也可以使用Git，输入nodemon 文件名对文件进行监听  
![在这里插入图片描述][20190514223603374.png]  
这样打开http://127.0.0.1:80就能看见hello Node.js。整个过程相当于客户用浏览器访问了http://127.0.0.1:80，服务器接受到了请求，执行请求处理函数。对response中放入了一些数据并且返回给浏览器。

## 部署页面 ##

首先需要找到html，css，js等文件的绝对路径!!!  
文件目录结构如下图所示：  
![在这里插入图片描述][20190514224258434.png]  
我们需要引用Node.js自带的文件系统模块（fs)进行异步读取文件。  
![在这里插入图片描述][20190515084037880.png]  
fs.readFile(路径,字符编码，错误优先的回调函数)，此时就能输出页面的结构。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70 1]  
通过引入url模块，将文档的整个路径拼接出来，放到127.0.0.1。  
\_\_dirname:当前文档路径。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70 2]  
完成以上操作，就完成了静态服务器上的页面部署。

[https_blog.csdn.net_zhanleibo_article_details_90179789]: https://blog.csdn.net/zhanleibo/article/details/90179789
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70]: /images/20220201/49d1ff6b23224ff29751f4f94c6c3e3a.png
[20190514222240385.png]: /images/20220201/ab0f3280a07a4de6a067801179e7f115.png
[20190514223603374.png]: /images/20220201/878b1c44350e4a62be0167daedc6c6ab.png
[20190514224258434.png]: /images/20220201/8edc98cd160c4f1ba811eb024d3dad58.png
[20190515084037880.png]: /images/20220201/66ea5b9529284b7a88f6847baf43a9b6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70 1]: /images/20220201/709d09256a9f48b186b25b5e7feb7a0b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5sZWlibw_size_16_color_FFFFFF_t_70 2]: /images/20220201/eca12c6fb19d44f28c62bba2f5ccf840.png