node起一个简单服务,打开本地项目或文件浏览

Posted 风雨后见彩虹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了node起一个简单服务,打开本地项目或文件浏览相关的知识,希望对你有一定的参考价值。

1、安装nodejs

2、在项目文件夹目录下创建一个js文件,命名server.js(自定义名称),内容如下

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

var documentRoot = \'D:/test/prerender-spa-plugin/examples/vue2-webpack-router/dist\';
//需要访问的文件的存放目录(项目所在位置的文件夹路径)

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);
    //E:/phpProject/html5/websocket/www/index.html 


    fs.readFile( file , function(err,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(8080);

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

3、打开命令窗口,cd到项目目录下,运行node server.js,控制台会输出“服务器开启成功”

4、在浏览器中输入“localhost:8080/”+你要访问的文件名称;例如localhost:8080/index.html

转载地址:https://www.cnblogs.com/lengyue0030/p/7458741.html

以上是关于node起一个简单服务,打开本地项目或文件浏览的主要内容,如果未能解决你的问题,请参考以下文章

前端html页面,手机查看

h5怎么在本地打开?

node.js 代码在浏览器中使用 localhost URL 打开页面

在vue项目中添加一个html页面,开启本地服务器

Electron实践(二)—— 打开和保存本地文件

node.js的简单服务器测试不起作用,没有输出[重复]