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 本地服务器搭建教程

希望本文的介绍对学习和使用 Node.js 进行程序设计有所帮助。

作者最新文章