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


相关推荐: 使用spring连接及操作mongodb3.0实例  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  Laravel如何使用Socialite实现第三方登录?(微信/GitHub示例)  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Python进程池调度策略_任务分发说明【指导】  Laravel如何理解并使用服务容器(Service Container)_Laravel依赖注入与容器绑定说明  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  EditPlus中的正则表达式 实战(4)  清除minerd进程的简单方法  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Laravel如何使用Sanctum进行API认证?(SPA实战)  网站制作壁纸教程视频,电脑壁纸网站?  网站建设整体流程解析,建站其实很容易!  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  node.js报错:Cannot find module &#39;ejs&#39;的解决办法  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  Laravel集合Collection怎么用_Laravel集合常用函数详解  如何用狗爹虚拟主机快速搭建网站?  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Android滚轮选择时间控件使用详解  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  微信推文制作网站有哪些,怎么做微信推文,急?  Android Socket接口实现即时通讯实例代码  Bootstrap整体框架之JavaScript插件架构  如何自定义safari浏览器工具栏?个性化设置safari浏览器界面教程【技巧】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  JavaScript如何实现类型判断_typeof和instanceof有什么区别  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  如何在Tomcat中配置并部署网站项目?  在Oracle关闭情况下如何修改spfile的参数  jQuery 常见小例汇总  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  Laravel用户密码怎么加密_Laravel Hash门面使用教程  php json中文编码为null的解决办法  西安专业网站制作公司有哪些,陕西省建行官方网站?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  济南网站建设制作公司,室内设计网站一般都有哪些功能?  Laravel Eloquent:优雅地将关联模型字段扁平化到主模型中  昵图网官网入口 昵图网素材平台官方入口  Android okhttputils现在进度显示实例代码  高端智能建站公司优选:品牌定制与SEO优化一站式服务  googleplay官方入口在哪里_Google Play官方商店快速入口指南  Laravel怎么使用artisan命令缓存配置和视图  如何在腾讯云服务器上快速搭建个人网站?  如何用AI帮你把自己的生活经历写成一个有趣的故事?  Python文件流缓冲机制_IO性能解析【教程】