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. shops

    #!/usr/bin/env python #coding:utf- import urllib2,sys,re,os,string reload(sys); sys.setdefaultencodi ...

  2. AlertDialog提示对话框练习

    闲来无事,就练习了下AlertDialog对话框. 首先写了三个button,分别打开一般对话框,单选列表对话框和复选对话框. xml代码 <LinearLayout xmlns:android ...

  3. 关于 SSD 的接口和相关名词（2019-09-10）

    关于 SSD 的接口和相关名词 了解了很多天的 SSD,太多的名词. 先记录一下. SATA MSATA M2 NVME NGFF U2 TODO: 后续收集相关信息.

  4. phonegap支付宝2.0移动快捷支付插件IOS版

    坑爹的支付宝,一两年都没有更新sdk了,这两天突然更新sdk,而且更新的变化特别大,所以只能对之前的支付宝快捷支付插件重新写了一遍. 这样既顺应了支付宝的更新,同时也支持了ios8. 废话少说,集成过 ...

  5. virtualenv安装 以及在PyCharm中的使用

    1.安装前条件 python3.7和 pip(可以使用这个命令升级python -m pip install --upgrade pip) 2.安装virtualenv pip install vir ...

  6. js不停地触发按钮的事件

    例子:不断地发匿名邮件 http://tool.chacuo.net/mailsend 在控制台写:setInterval('$(".convert :input[arg]").t ...

  7. python系列之（4）豆瓣图书《平凡的世界》书评及情感分析

    本篇主要是通过对豆瓣图书<平凡的世界>短评进行抓取并进行分析,并用snowNLP对其进行情感分析. 用到的模块有snowNLP,是一个python库,用来进行情感分析. 1.抓取数据 我们 ...

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

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

  9. 三、python-json、正则

    一.json   1.导入模块 import json 2.常用方法 dumps:序列化,把一个Python对象转化成json字符串 loads:反序列化,把json字符串转化成python dump ...

  10. 猜年龄v2.0

    ''' 用户登录,只有三次机会 给定年龄,用户可以猜三次年龄 年龄猜对,让用户选择两次奖励,输入无效字符,让其选择要不要礼物 用户选择两次奖励后可以退出,选择第一次后提示还有一次 ''' #基本信息定 ...