详解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 相关文章推荐
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
微信小程序异步处理详解
Nov 10 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
PHP的开合式多级菜单程序
2006/10/09 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
JavaScript的垃圾回收机制与内存管理
2020/08/06 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
Python 分析Nginx访问日志并保存到MySQL数据库实例
2014/03/13 Python
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
Python实现注册登录系统
2017/08/08 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
python更改已存在excel文件的方法
2018/05/03 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
数据库面试要点基本概念
2013/10/31 面试题
十一个高级MySql面试题
2014/10/06 面试题
管理信息系学生的自我评价
2014/01/11 职场文书
运动会广播稿20字
2014/02/18 职场文书
大家访活动实施方案
2014/03/10 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
社会实践活动总结格式
2015/05/11 职场文书
监守自盗观后感
2015/06/10 职场文书
科学家测试在太空中培育人造肉,用于未来太空旅行
2022/04/29 数码科技