当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 用nodejs创建服务器显示html页面

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

2019年05月15日  | 移动技术网IT编程  | 我要评论

nodejs版本：v10.14.2

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

 1 <!doctype html>
 2 <html lang="en">
 3     <head>
 4         <meta charset="utf-8">
 5         <title>nodejs显示html</title>
 6     </head>
 7     <body>
 8         <h1>看到这句话表示html页面成功显示了。</h1>
 9     </body>
10 </html>

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

(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.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/，表示服务器已经搭建好了。
接着打开浏览器，输入
成功了！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网