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. LeetCode Top 100 Liked Questions in Golang(updating...)

    leetcode go语言版本,主要为了熟悉下语言 1. Two Sum 双指针版本, O(NlogN) func twoSum(nums []int, target int) []int { val ...

  2. UVA_694:The Collatz Sequence

    Language: C++ 4.8.2 #include<stdio.h> int main(void) { long long int m, n, copy_m; ; ; ) { sca ...

  3. 如何编写go代码

    go是一种静态编译型的语言,它的编译速度非常快. go的官方编译器称为gc,包括编译工具5g,6g和8g,连接工具5l,6l和8l.其中的数字表示处理器的架构.我们不必关心如何挑选这些工具,因为go提 ...

  4. Python操作pymysql写入数据库时的错误

    错误一 InternalError: (pymysql.err.InternalError) (1366, "Incorrect string value: '\\xE6\\xAD\\xA3 ...

  5. python 获取当前ip

    import socket # 获取本机计算机名称 hostname = socket.gethostname() # 获取本机ip ip = socket.gethostbyname(hostnam ...

  6. @codeforces - 1217F@ Forced Online Queries Problem

    目录 @description@ @solution@ @accepted code@ @details@ @description@ 给定一个 n 个点的无向图,标号从 1 到 n.一开始没有任何边 ...

  7. mysql把一个表的字段update成另一个表的字段根据id

    mysql把一个表的字段update成另一个表的字段根据id 1.填充activity表里面的creator字段,用org的founderid,其中activity的orgid要和org的id对应,具 ...

  8. 【小程序案例】支付宝小程序-MQTT模器，IoT设备通过WSS接入阿里云IoT物联网平台

    支付宝小程序-MQTT模拟器通过WSS接入阿里云IoT物联网平台 小程序效果: 1. 准备工作 1.1 注册阿里云账号 开通阿里云账号,并通过支付宝实名认证 https://www.aliyun.co ...

  9. @bzoj - 4524@ [Cqoi2016]伪光滑数

    目录 @description@ @solution@ @version - 1@ @version - 2@ @accepted code@ @version - 1@ @version - 2@ ...

  10. selenium webdriver学习（一）------------快速开始(转载JARVI)

    selenium webdriver学习(一)------------快速开始 博客分类: Selenium-webdriver selenium webdriver 学习 selenium webd ...