[Day1] Node.js访问index.html

最新推荐文章于 2024-03-04 10:27:05 发布

蜗牛乌龟谁跑的快

最新推荐文章于 2024-03-04 10:27:05 发布

阅读量1.6k

点赞数

分类专栏： nodejs实战文章标签： nodejs javascript html5

本文链接：https://blog.csdn.net/zhs362625119/article/details/109107691

版权

nodejs实战专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Node.js通过http模块创建服务器，并结合fs模块读取并返回本地index.html文件，实现简单的网页访问。首先创建一个包含<h1>标签的index.html，然后编写index.js，设置服务器监听3000端口，当请求到达时读取html文件并响应。运行index.js后，浏览器访问localhost:3000即可查看效果。

摘要由CSDN通过智能技术生成

Node.js访问index.html

文章目录

Node.js访问index.html

要求

了解JavaScript和html基础知识
了解node.js常用模块：http,fs

环境

OS: Win10
Node.js: v12.19.0
Notepad++

安装 Node.js

实战

编写一个简单index.html文件.

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
			<title>Hello HTML</title>
		</head>
		<body>
			<h1>看到这句话表示html页面成功显示了。</h1>
		</body>
	</head>
</html>

编写index.js

var http=require("http")
var fs=require("fs")

http.createServer(function (req, res) {
	fs.readFile("./index.html",function (err,data){
		if(err){
			res.writeHead(404, {"Content-Type": "text/html"});
            res.end("<h1>404 Not Found</h1>");
			return;
		}else{
			res.writeHead(200,{"Content-Type": "text/html"});
		    res.end(data);
		}		
	});
}).listen(3000);
console.log("Server running at localhost:3000");