详解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 相关文章推荐
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
js正则匹配出所有图片及图片地址src的方法
Jun 08 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
详解利用 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通用查询程序
2007/03/11 PHP
PHP strtotime函数详解
2009/12/18 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
vue组件中的数据传递方法
2018/05/14 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
学习python的几条建议分享
2013/02/10 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
如何利用python 读取配置文件
2021/01/06 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
银行演讲稿范文
2014/01/03 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书