nodejs搭建本地服务器并访问文件的方法

发布时间 - 2026-01-10 23:24:03    点击率:

安装node:https://nodejs.org/en/download/

在本地建立目录:f:/nodetest,在该目录下新建index.html作为我们将要访问的内容。新建server.js作为node开启的入口:

$ cd f:/nodetest
$ mkdir index.html
$ mkdir server.js

index.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('服务成功开启')

结果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# nodejs搭建本地服务器  # nodejs搭建服务器  # nodejs搭建文件服务器  # Nodejs如何搭建Web服务器  # 用nodeJS搭建本地文件服务器的几种方法小结  # 详解node.js搭建代理服务器请求数据  # NodeJS搭建HTTP服务器的实现步骤  # 手把手教你通过nodejs快速搭建一个服务器  # 回调  # 端口号  # 就没  # 第二个  # 转换成  # 大家多多  # 来写  # 未找到  # 客户端  # 目录下  # 来访问  # Test  # title  # style  # charset  # meta  # head  # UTF  # top  # px 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  Laravel如何实现事件和监听器?(Event & Listener实战)  免费视频制作网站,更新又快又好的免费电影网站?  Laravel如何集成Inertia.js与Vue/React?(安装配置)  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  南京网站制作费用,南京远驱官方网站?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  香港服务器租用每月最低只需15元?  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  Laravel Eloquent:优雅地将关联模型字段扁平化到主模型中  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  米侠浏览器网页背景异常怎么办 米侠显示修复  Android实现代码画虚线边框背景效果  如何用景安虚拟主机手机版绑定域名建站?  Laravel如何使用Telescope进行调试?(安装和使用教程)  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  Laravel如何实现本地化和多语言支持?(i18n教程)  如何在阿里云虚拟主机上快速搭建个人网站?  详解jQuery中基本的动画方法  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  怎样使用JSON进行数据交换_它有什么限制  韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南  黑客如何利用漏洞与弱口令入侵网站服务器?  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  Laravel怎么调用外部API_Laravel Http Client客户端使用  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  如何用狗爹虚拟主机快速搭建网站?  网站建设要注意的标准 促进网站用户好感度!  宙斯浏览器文件分类查看教程 快速筛选视频文档与图片方法  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?  如何快速查询网址的建站时间与历史轨迹?  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  Python文件流缓冲机制_IO性能解析【教程】  在centOS 7安装mysql 5.7的详细教程  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  Laravel如何与Inertia.js和Vue/React构建现代单页应用  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能