nodejs版本：v10.14.2

1.首先准备一个简单的html页面

 <!DOCTYPE html>

 <html lang="en">

     <head>

         <meta charset="UTF-8">

         <title>nodejs显示html</title>

     </head>

     <body>

         <h1>看到这句话表示html页面成功显示了。</h1>

     </body>

 </html>

index.html

2.接着准备一个index.js，跟index.html放在同一目录下

(1)导入需要用到的模块，都是nodejs自带的模块

const http = require("http"),

      fs = require("fs"),

      path = require("path"),

      url = require("url");

创建服务器当然需要http模块了，fs模块用来读写html的，path模块用来获取当前目录的，url模块用来解析输入的url的

(2)获取当前目录

// 获取当前目录

var root = path.resolve();

因为index.html和index.js是放在一起的，属于同级，直接获取当前目录就行了。

(3)创建服务器

// 创建服务器

var sever = http.createServer(function(request,response){

    var pathname = url.parse(request.url).pathname;

    var filepath = path.join(root,pathname);

    // 获取文件状态

    fs.stat(filepath,function(err,stats){

        if(err){

            // 发送404响应

            response.writeHead(404);

            response.end("404 Not Found.");

        }else{

            // 发送200响应

            response.writeHead(200);

            // response是一个writeStream对象，fs读取html后，可以用pipe方法直接写入

            fs.createReadStream(filepath).pipe(response);

        }

    });

});

sever.listen(8080);

console.log('Sever is running at http://127.0.0.1:8080/');
createServer方法创建一个sever，每次请求从request拿到url，解析后找到文件，获取成功后写入response。
失败则发送404.
代码部分到此结束，接下来是测试
(4)测试
打开cmd，找到文件所在目录（当然用VS Code之类更方便，敲代码测试都在一起），键入node index.js
可以看到输出Sever is running at http://127.0.0.1:8080/，表示服务器已经搭建好了。
接着打开浏览器，输入http://127.0.0.1:8080/index.html
成功了！
附index.js完整代码：
 "use strict";

 const http = require("http"),

       fs = require("fs"),

       path = require("path"),

       url = require("url");

 // 获取当前目录

 var root = path.resolve();

 // 创建服务器

 var sever = http.createServer(function(request,response){

     var pathname = url.parse(request.url).pathname;

     var filepath = path.join(root,pathname);

     // 获取文件状态

     fs.stat(filepath,function(err,stats){

         if(err){

             // 发送404响应

             response.writeHead(404);

             response.end("404 Not Found.");

         }else{

             // 发送200响应

             response.writeHead(200);

             // response是一个writeStream对象，fs读取html后，可以用pipe方法直接写入

             fs.createReadStream(filepath).pipe(response);

         }

     });

 });

 sever.listen(8080);

 console.log('Sever is running at http://127.0.0.1:8080/');

index.js

用nodejs创建服务器显示html页面的更多相关文章

  1. 使用nodejs搭建服务器显示HTML页面

    首先安装express 在命令行输入:npm install express -g 安装完成后可以查看安装情况:npm ls -g 然后创建server.js文件 var express = requ ...

  2. Express与NodeJs创建服务器的两种方法

    NodeJs创建Web服务器 var http = require('http'); var server = http.createServer(function(req, res) { res.w ...

  3. nodejs - 创建服务器（1）

    在此之前,确保你已经安装了Node(并且你很会折腾) - 有人说,Java脚本和Java最本质的区别就是一个超会更新,一个死守旧. 如果你没有安装,请去官网下载并且安装:http://nodejs.c ...

  4. nodejs获取服务器数据到页面

    const Koa = require('koa'); const Router = require('koa-router'); const app = new Koa(); const route ...

  5. nodejs创建服务器

      'use strict'; //加载http模块: const http = require('http'); //创建一个http服务: const server = http.createSe ...

  6. nodejs搭建服务器 和 操作数据库

    1.express框架:是一个简洁而灵活的 node.js Web应用框架.一般的项目都是基于这个框架开发的.http://www.runoob.com/nodejs/nodejs-express-f ...

  7. Nodejs：npm run build之后，dist\index.html页面在火狐中可以正常显示登录页面并登录成功，在Chrome中可以正常显示登录页面，登录失败

    问题描述:Nodejs:npm run build之后,dist\index.html页面在火狐中可以正常显示登录页面并登录成功,在Chrome中可以正常显示登录页面,登录失败 解决方法:将打包后的d ...

  8. Nodejs学习笔记（3） 创建服务器：Web 模块(http)与 express 框架

    目录 参考资料 1. 使用 http 模块创建服务器 1.1 实现思路及代码 1.2 HTTP 结构 1.2.1 Request中的重要字段 1.2.2 Response 头信息:文件类型.状态码.连 ...

  9. nodejs创建http服务器

    之前有简单介绍nodejs的一篇文章(http://www.cnblogs.com/fangsmile/p/6226044.html) HTTP服务器 Node内建有一个模块,利用它可以很容易创建基本 ...

随机推荐

  1. IE下的双外边距浮动bug

    最常见且最容易发现的额一个bug是IE 6和最低版本中的双外边距浮动bug.这个bug是任何浮动元素上的外边距加倍. 上面代码中,div盒子向左边浮动,设置的margin-left的值是10px.在c ...

  2. kubernetes1.4新特性：支持两种新的卷插件

    背景介绍 在Kubernetes中卷的作用在于提供给POD持久化存储,这些持久化存储可以挂载到POD中的容器上,进而给容器提供持久化存储. 从图中可以看到结构体PodSpec有个属性是Volumes, ...

  3. scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置

    scroll 滚动到指定位置触发事件:$(function(){ $(window).scroll(function() { var s =$(window).scrollTop(); if (s&g ...

  4. 【JZOJ3886】【长郡NOIP2014模拟10.22】道路维护

    CCC 最近徆多人投诉说C国的道路破损程度太大,以至亍无法通行 C国的政府徆重视这件事,但是最近财政有点紧,丌可能将所有的道路都进行维护,所以他们决定按照下述方案进行维护 将C国抽象成一个无向图,定义 ...

  5. Android LRUCache简介

    LRU Cache数据结构的介绍可以参考前面的http://www.cnblogs.com/XP-Lee/p/3441555.html. 本文以Android LRUCache来做一个简单的介绍.我们 ...

  6. 如何在“代码”视图中工作并充分利用 Dreamweaver 的编码功能。如 Emmet 缩写

    可通过多种方式在 Dreamweaver 中处理代码. 您可以使用“新建文档”对话框打开新的代码文件,然后开始键入您的代码. 在 Dreamweaver 中创建新的代码文件 键入时,会显示代码提示以帮 ...

  7. IDEA入门(1)--lombok和Junit generator2插件的运用

    前言 最近在慕课网看到了一些视频,准备从0开始做一个电商网站.视频中的大牛用的java的IDE都是IDEA,让我很纠结.从as到MyEclipse,好不容易稍微熟悉了一下MyEclipse的基本操作, ...

  8. iOS 多个精致动画

    iOS 多个精致动画  http://www.cocoachina.com/bbs/read.php?tid=301262 iOS 零碎小知识     http://www.cocoachina.co ...

  9. TIJ——Chapter Three:Operators

    Operators 本章节比较简单,所以简单的做一些笔记: 几个要点: 1.When the compiler sees a String followed by a "+" fo ...

  10. javascript、jquery、AJAX总结 标签： javascriptjqueryajax 2016-01-23 10:25 2415人阅读

    其实在学习之前,就已经用上了js,jquery和ajax,不过当时不清楚这些的区别,就全都当成js来看,然后别人一说jquery,ajax都觉得好像很高级,等到自己学习的时候,倒是对这些更清楚了一点, ...