Node.js 搭建本地服务器并访问文件操作示例
作者:服务小站时间:2026-10-23 07:04:15浏览:138
本文介绍如何使用 Node.js 搭建本地服务器并访问静态文件。通过安装 Node.js,创建包含 HTML 的目录,编写 server.js 入口文件,利用 http、fs、url 等模块解析请求路径并读取文件返回给浏览器。最后通过命令行启动服务,实现本地文件的访问。
Node.js 本地服务器搭建教程
本文详细介绍使用 Node.js 搭建本地服务器并访问文件的具体操作步骤。
安装 Node.js 环境
首先,需要安装 Node.js 运行环境,下载地址为:https://nodejs.org/en/download/
创建项目目录与文件
在本地计算机上创建一个项目目录,例如 f:/nodetest。在该目录下新建一个 index.html 文件,作为后续访问的目标内容。同时,新建 server.js 文件,作为 Node.js 服务的启动入口。
$ cd f:/nodetest
$ mkdir index.html
$ mkdir server.js
编写静态 HTML 页面
在 index.html 文件中编写简单的 HTML 内容,例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>node Test</title>
<style type="text/css">
html,body{
margin: 0;
padding: 0;
}
.node{
width: 300px;
margin: 0 auto;
padding-top:100px;
text-align: center;
}
.node h1{
color:rgb(33,199,40);
}
</style>
</head>
<body>
<div class="node">
<h1>Hello Nodejs</h1>
</div>
</body>
</html>
实现服务器核心逻辑
接下来,编写 server.js 文件,实现服务器逻辑:
const PORT = 8888; //访问端口号8888 //端口号最好为6000以上
var http = require('http'); //引入http模块
var fs = require('fs'); //引入fs模块
var url = require('url');//引入url模块
var path = require('path');//引入path模块
// req : 从浏览器带来的请求信息
// res : 从服务器返回给浏览器的信息
var server = http.createServer(function(req,res){
var pathname = url.parse(req.url).pathname;;
//客户端输入的url,例如如果输入localhost:8888/index.html,那么这里的url == /index.html
//url.parse()方法将一个URL字符串转换成对象并返回,通过pathname来访问此url的地址。
var realPath = path.join('F:/nodejs/nodetest',pathname);
//完整的url路径
console.log(realPath);
// F:/nodejs/nodetest/index.html
fs.readFile(realPath,function(err,data){
/*
realPath为文件路径
第二个参数为回调函数
回调函数的一参为读取错误返回的信息,返回空就没有错误
二参为读取成功返回的文本内容
*/
if(err){
//未找到文件
res.writeHead(404,{
'content-type':'text/plain'
});
res.write('404,页面不在');
res.end();
}else{
//成功读取文件
res.writeHead(200,{
'content-type':'text/html;charset="utf-8'
});
res.write(data);
res.end();
}
})
});
server.listen(PORT); //监听端口
console.log('服务成功开启')
启动服务与访问测试
在命令行(cmd)中执行以下命令启动服务:
$ node server.js
启动成功后,访问对应地址即可看到结果。

希望本文的介绍对学习和使用 Node.js 进行程序设计有所帮助。
作者最新文章
Java和JavaScript应用场景对比:企业级后端 vs Web前端与Node.js
2026-11-04 16:42:01
JavaScript模块化开发入门:CommonJS与ES Module的区别
2026-11-03 23:31:34
怎么创建并运行第一个js文件
2026-11-03 21:49:02
JavaScript运行环境怎么搭建?Node.js官方下载与安装教程
2026-11-03 20:03:04
NestJS 集成 TypeORM 或 Prisma 实现数据库持久化操作
2026-11-03 18:56:13
