美文网首页全栈成长之路Web前端之路程序员
Windows下快速搭建NodeJS本地服务器

Windows下快速搭建NodeJS本地服务器

作者: 无穷369 | 来源:发表于2017-01-25 23:16 被阅读4832次
node.jpg

首先我们要到Node.js官网下载对应版本的安装包

http://nodejs.cn/download/

nodejs.png

接着就是安装,和安装普通软件类似,直接下一步下一步就可以了。

之后我们来验证node是否安装成功,Win+R输入cmd来调出控制台并输入node -vnpm -v来查看node版本和npm(包管理工具)版本。

node.png

接着我们来创建一个server.js文件,并将下面的代码粘贴上去

var http = require('http');
var fs = require('fs');//引入文件读取模块

var documentRoot = 'I:/WebServer';
//需要访问的文件的存放目录

var server= http.createServer(function(req,res){

    var url = req.url; 
    //客户端输入的url,例如如果输入localhost:8888/index.html
    //那么这里的url == /index.html 

    var file = documentRoot + url;
    console.log(url);

    fs.readFile( file , function(err,data){
    /*
        err为文件路径
        data为回调函数
            回调函数的一参为读取错误返回的信息,返回空就没有错误
            data为读取成功返回的文本内容
    */
        if(err){
            res.writeHeader(404,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
            res.end();
        }else{
            res.writeHeader(200,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write(data);//将index.html显示在客户端
            res.end();

        }

    });

}).listen(8888);

console.log('服务器开启成功');

为方便开启服务器调试网站,我们创建一个站点目录来存放node.js文件和网站文件

webserver.png

之后我们就可以通过控制台来开启服务器了

nod.png
浏览器输入http://localhost:8888/index.html nods.png

就是这么简单,大家赶快去搭建自己的NodeJS本地服务器吧!

相关文章

网友评论

  • 1bb15e87521c:var http = require('http');
    var fs = require('fs');//引入文件读取模块

    var documentRoot = 'D:/webServer';//需要访问的文件的存放目录

    var server= http.createServer(function(index,res){

    /*var url = req.url;*/
    var url = index.html;
    //客户端输入的url,例如如果输入localhost:8888/index.html
    //那么这里的url == /index.html
    //那么这里的url =index.html

    var file = documentRoot + url;
    console.log(url);

    fs.readFile( file , function(err,data){
    /*
    err为文件路径
    data为回调函数
    回调函数的一参为读取错误返回的信息,返回空就没有错误
    data为读取成功返回的文本内容
    */
    if(err){
    res.writeHeader(404,{
    'content-type' : 'text/html;charset="utf-8"'
    });
    res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
    res.end();
    }else{
    res.writeHeader(200,{
    'content-type' : 'text/html;charset="utf-8"'
    });
    res.write(data);//将index.html显示在客户端
    res.end();

    }

    });

    }).listen(8888);

    console.log('服务器开启成功');

    我就改了一下文件的路径和index.html,但是现在页面

    无法访问此网站
    localhost 拒绝了我们的连接请求。
    1bb15e87521c:@IT青年 我现在进去这个页面了,但是页面的样式全部都消失掉了,Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8888/css/index.css";.然后报错这个,和这个server.js文件有关系嘛
    1bb15e87521c:@IT青年 方便留个联系方式嘛?如果我把var url = index.html;改成var url = req.url;就报错404这个问题
    无穷369:var url = index.html;
    不能这样写
    var url = req.url;是用来接收浏览器输入的地址的,是动态改变的,不可以写死。
  • 1bb15e87521c:开启服务器了,但是页面报错404
  • JoyceQiao:之后我们就可以通过控制台来开启服务器了、、
    i: 系统找不到指定的驱动器。
  • da87cc4f31d6:http-server这个包就够了,好用
  • noikin:很详细。对于没有nodejs的新人来说这篇教程写得简单易懂
  • 12_46fc:server.js那个url是那个utl换成/index。html
    c5bbbf7ae104:@IT青年 var path = require('path');
    var file = path.join(__dirname, url);
    console.log(file);
    fs.readFile( file , function(err,data){//读写}).listen(8888);
    用path处理路径,就对了
    无穷369:@12_46fc 应该是路径的问题,仔细查一下
    12_46fc:一直报404是什么问题
  • 一个很懒的需求挖掘喵:documentRoot用相对引用应该会好点,复制粘贴党会容易出现引用出错😬
  • f0a56ac06610:您好,请问为什么我的页面这一直是404呢。
    f0a56ac06610:知道了,原来是路径问题,多层路径没起作用,
  • ebf18d9ef86d:解决了😀谢谢
  • Katherine的小世界:我想问一下 我按照你的操作 可是出错了 请问能帮忙看一下吗
    无穷369: @01_0556 路径不对,查一下所有有路径的地方,另外server.js要在同目录下cmd命令行运行。按住shift鼠标右键,点在此处打开命令窗口
    868f62489540:她说站点目录不会搞,运行server.js.报错,第一行找不到值
    无穷369:@Katherine的小世界 您好,报的什么错?
  • 56fd724363e5:http-server不错,可以尝试一下😁
  • 6fb4afc9ada5:有机会试一下
  • 西巴撸:喜欢 很详细

本文标题:Windows下快速搭建NodeJS本地服务器

本文链接:https://www.haomeiwen.com/subject/ezfxittx.html