Linux使用Node.js建立访问静态网页的服务实例详解


Posted in Javascript onMarch 21, 2017

Linux使用Node.js建立访问静态网页的服务实例详解

一、安装node.js运行所需要的环境,:https://3water.com/article/79536.htm

二、创建node目录(/node/www),并在目录下创建node.js服务文件server.js

var http = require('http');

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

var documentRoot = ‘/node/www';//需要访问的文件的存放目录

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

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

  var file = documentRoot + url;
  console.log(url);//node/www/index.html 
  
  /*
    file为文件路径
    function为回调函数,
    function的err为读取错误返回的信息,返回空就没有错误
    function的data为读取成功返回的文本内容
  */
  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(9999);

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

三、创建index.html首页文件,放在路径为/node/www/下面

四、启动服务命令:node server.js

五、浏览器输入地址:http://localhost:9999/index.html

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
JavaScript中自带的 reduce()方法使用示例详解
Aug 10 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
详解小程序循环require之坑
Mar 08 Javascript
js图片查看器插件用法示例
Jun 22 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 #Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 #Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 #Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 #Javascript
node安装--linux下的快速安装教程
Mar 21 #Javascript
Vue 单文件中的数据传递示例
Mar 21 #Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 #Javascript
You might like
PHP 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
PHP提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
IE JS编程需注意的内存释放问题
2009/06/23 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
基于vue实现分页效果
2017/11/06 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
JS实现横向跑马灯效果代码
2020/04/20 Javascript
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
Python在线运行代码助手
2016/07/15 Python
浅谈五大Python Web框架
2017/03/20 Python
Python开发的HTTP库requests详解
2017/08/29 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
python else语句在循环中的运用详解
2020/07/06 Python
Python基于locals返回作用域字典
2020/10/17 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
2014年最新离婚协议书范本
2014/10/11 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
五一劳动节活动总结
2015/02/09 职场文书
财政局长个人总结
2015/03/04 职场文书
焦点访谈观后感
2015/06/11 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP