详解node服务器中打开html文件的两种方法


Posted in Javascript onSeptember 18, 2017

本文介绍了详解node服务器中打开html文件的两种方法,分享给大家,具体如下:

方法1:利用 Express 托管静态文件,详情查看这里

方法2:使用fs模块提供的readFile方法打开文件,让其以text/html的形式输出。

代码:

var express = require('express');
var fs=require("fs");
var app = express();

//方法1:通过express.static访问静态文件,这里访问的是ajax.html
// app.use(express.static("./"));

//方法2:使用fs.readFile打开html文件
app.get("/helloworld.html", function(request, response) {
 fs.readFile("./"+request.path.substr(1),function(err,data){
  // body
  if(err){
   console.log(err);
   //404:NOT FOUND
   response.writeHead(404,{"Content-Type":"text/html"});
  }
  else{
   //200:OK
   response.writeHead(200,{"Content-Type":"text/html"});
   response.write(data.toString());
  }
  response.end();
 });
});

app.listen(3000, function() { //监听http://127.0.0.1:3000端口
 console.log("server start");
});

浏览器访问,分别输入http://127.0.0.1:3000/hello_static.html和http://127.0.0.1:3000/hello_fs.html,结果:

详解node服务器中打开html文件的两种方法

详解node服务器中打开html文件的两种方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
任意位置显示html菜单
Feb 01 Javascript
IE和Firefox下event事件杂谈
Dec 18 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
Sep 02 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 Javascript
js实现炫酷光感效果
Sep 05 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 #Javascript
Express使用html模板的详细代码
Sep 18 #Javascript
Mongoose中document与object的区别示例详解
Sep 18 #Javascript
新手vue构建单页面应用实例代码
Sep 18 #Javascript
angularjs路由传值$routeParams详解
Sep 05 #Javascript
vue-ajax小封装实例
Sep 18 #Javascript
信息滚动效果的实例讲解
Sep 18 #Javascript
You might like
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
php实现的通用图片处理类
2015/03/24 PHP
非常实用的php验证码类
2016/05/15 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
js网页版计算器的简单实现
2013/07/02 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
PHP webshell检查工具 python实现代码
2009/09/15 Python
python多线程http下载实现示例
2013/12/30 Python
python中反射用法实例
2015/03/27 Python
Python初学者需要注意的事项小结(python2与python3)
2018/09/26 Python
python+logging+yaml实现日志分割
2019/07/22 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
python add_argument()用法解析
2020/01/29 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
2014年清明节寄语
2014/04/03 职场文书
个人工作主要事迹
2014/05/08 职场文书
建筑节能汇报材料
2014/08/22 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
Java生成日期时间存入Mysql数据库的实现方法
2022/03/03 Java/Android