nodejs页面输出html,用nodejs创建服务器显示html页面

nodejs版本：v10.14.2

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

1

2

3

4

5

nodejs显示html

6

7

8

看到这句话表示html页面成功显示了。

9

10

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/，表示服务器已经搭建好了。

接着打开浏览器，输入

成功了！