详解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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
根据地区不同显示时间的javascript代码
Aug 13 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
angular6开发steps步骤条组件
Jul 04 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
如何在vue 中引入使用jquery
Nov 10 jQuery
详解利用 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 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
json数据的列循环示例
2013/09/06 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
Python 学习笔记
2008/12/27 Python
python海龟绘图实例教程
2014/07/24 Python
Python实现把回车符\r\n转换成\n
2015/04/23 Python
python九九乘法表的实例
2017/09/26 Python
python try except 捕获所有异常的实例
2018/10/18 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
Mac安装python3的方法步骤
2019/08/09 Python
python多进程并行代码实例
2019/09/30 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
python suds访问webservice服务实现
2020/06/26 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
python实现股票历史数据可视化分析案例
2021/06/10 Python