通过nodejs服务器读取HTML文件并将其呈现到页面的方法

1.只需分别实现三个备用页面。

Login.html佩奇

Index.html佩奇

代码片段：

！doctype html townleta charset=' utf-8 ' title菜鸟教程(runoob.com)/title style . center { margin : auto；宽度：60%；border: 3px固体# 73AD21padding: 10px}/style/head dyh 2元素中心对齐/h2p水平中心块级元素(如div)，可以使用margin3360auto/pdiv class='center' p请注意，除非使用margin:auto，否则：不能与IE8兼容！DOCTYPE已经声明。/p/div/p/div/body/HTMl notfount . html页面

！DOCTYPE HTMlHTMlHeadscript/script style . center { margin : auto；宽度：60%；border: 3px固体# 73AD21padding: 10pxcolor:red}/style/head dydiv class=' center ' 404 notfount/div/body/html 2。修改创建的nodejs服务器页面，并对不同地址的请求创建不同的响应页面。

在url地址判断中加入文件读取代码，读取定义的html页面。

声明文件系统对象：

//声明文件操作系统对象var fs=require(' fs ')；实现文件内容的读取和对页面的渲染

if(URL==='/'){//response . write head(响应状态代码，响应头对象):向请求发送响应头。写头(200，{ ' content-type ' : ' text/html ' })//如果URL='/'，则读取指定文件下的html文件，并将其呈现到页面。fs.readFile('。/practice/login.html '，' utf-8 '，函数(err，data){ if(err){ throw err；} response.end(数据)；});}完整代码：

/**1.使用HTTP服务器与客户端交互需要require('http ')。声明http协议*/var http=require(' http ')；//声明文件操作系统对象var fs=require(' fs ')；/**2.获取服务器对象1。通过http . create server([request listener])创建服务。requestListener函数返回： http。服务器返回新创建的http。服务器实例。对于服务器来说，主要有三件事要做：1。接受客户端发送的请求。2.处理来自客户端的请求。3.向客户端发送响应。*/var server=http . CreateServer()；/**3.声明端口号并启动服务。server.listen([port][，host][，backlog][，Callback])端口号：端口号主机字符串：host IP backlog number server . listen()函数回调Function server.listen()函数Returns: net的general参数。服务器启动一个TCP服务来监听输入端口和主机。如果端口被省略或为0，系统将随机分配一个无用的端口，该端口可由server.address()检索。“监听”事件触发后的端口。如果省略host，则如果IPv6可用，服务器将基于未指定的IPv6地址(:3360)接收连接，否则将基于未指定的IPv4地址(0.0.0.0) */server.listen (9001，function () {console.log('服务器在端口号：9001上运行。})/**4.向服务器实例对象添加请求事件，该对象是所有请求的条目。任何请求都会触发一个修改事件，然后执行该事件对应的处理函数。Server.on ('request '，function () {console.log('从客户端收到请求.');});*//**5.设置请求处理功能。请求回调处理程序需要接收两个参数。Request :Request是一个request对象，可以获取当前浏览器请求的一些信息。请求路径、请求方法等。response: response是一个响应对象，可用于发送对请求的响应。*/server.on('request '，function(request，response){ var URL=request . URL；if(URL==='/'){//response . write head(响应状态代码，响应头对象):向请求发送响应头。写头(200，{ ' content-type ' : ' text/html ' })//如果URL='/'，则读取指定文件下的html文件，并将其呈现到页面。fs.readFile('。/practice/login.html '，' utf-8 '，函数(err，data){ if(err){ throw err；}response.end(数据)；});} else if(URL=='='/log in '){ response . write head(200，{ ' Content-Type ' : ' text/html ' })；//如果URL='/'，读取指定文件下的html文件，渲染到页面。fs.readFile('。/practice/login.html '，' utf-8 '，函数(err，data){ if(err){ throw err；}response.end(数据)；});} else if(URL=='='/index '){ response . write head(200，{ ' Content-Type ' : ' text/html ' })；//如果URL='/'，读取指定文件下的html文件，渲染到页面。fs.readFile('。/practice/index.html '，' utf-8 '，函数(err，data){ if(err){ throw err；}response.end(数据)；});}else{response.writeHead(200，{ ' Content-Type ' : ' text/html ' })；//如果URL='/'，读取指定文件下的html文件，渲染到页面。fs.readFile('。/practice/notFount.html '，' utf-8 '，函数(err，data){ if(err){ throw err；}response.end(数据)；});}});最终效果：

打开nodejs服务器，在地址栏输入：127 . 0 . 0 . 0 . 1:9001/log in 127 . 0 . 0 . 0 . 1:9001/log in

在地址栏中输入：127.0.0.0.1: 9001/index

在地址栏中输入：127 . 0 . 0 . 0 . 1:9001/其他内容

以上通过nodejs服务器读取HTML文件并呈现到页面的方法，就是边肖与大家分享的全部内容。希望能给大家一个参考，支持我们。