Express之托管静态文件的方法


Posted in Javascript onJune 01, 2018

中间件express.static

我们使用express初始化一个目录的时候,会在app.js中看到一大推的app.use。

其中一个主要的中间件是express.static(4.0版本依旧保留的中间件)

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

app.use('/static',express.static('public'));

通过express.static可以帮助我们托管静态文件,js,css,img等。

express.static使用

基本使用

项目目录下的public下面有css,js,img等文件夹。

我这么需要通过express托管他们,以便我们启动服务器的时候可以访问到这些数据。

在app.js中添加

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

app.use(express.static('public'));

我们就可以通过

http://localhost:3000/css/style.css
http://localhost:3000/js/style.js
http://localhost:3000/img/style.png

注意:所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在 url 中。

虚拟目录

为静态资源目录指定一个挂载路径的方式来实现。

我们可以给我们的静态文件添加虚拟目录,这样有时候方便我们统一管理我们的url,也一目了然地看出资源的属性。

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

app.use('static',express.static('public'));

访问:

http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/style.js
http://localhost:3000/static/img/style.png

注意:这里我们添加了虚拟目录,所以我们的url中必须带上这个目录才能访问的到。

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

Javascript 相关文章推荐
小议javascript 设计模式 推荐
Oct 28 Javascript
jQuery获取css z-index在各种浏览器中的返回值
Sep 15 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
详解可以用在VS Code中的正则表达式小技巧
May 14 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
js实现中文实时时钟
Jan 15 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 #Javascript
详解Angular操作cookies方法
Jun 01 #Javascript
浅谈手写node可读流之流动模式
Jun 01 #Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 #Javascript
基于JS实现带动画效果的流程进度条
Jun 01 #Javascript
说说node中的可读流和可写流的区别
Jun 01 #Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 #Javascript
You might like
php print EOF实现方法
2009/05/21 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
php Xdebug的安装与使用详解
2013/06/20 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
Javascript事件实例详解
2013/11/06 Javascript
浅析用prototype定义自己的方法
2013/11/14 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
Bootstrap如何激活导航状态
2017/03/22 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
微信小程序App生命周期详解
2018/01/31 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
vue-父子组件和ref实例详解
2019/11/10 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
对于Python的Django框架部署的一些建议
2015/04/09 Python
pygame播放音乐的方法
2015/05/19 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
pandas实现DataFrame显示最大行列,不省略显示实例
2019/12/26 Python
深入浅析Python代码规范性检测
2020/07/31 Python
全球度假村:Club Med
2017/11/27 全球购物
车贷收入证明范本
2014/01/09 职场文书
普通员工辞职信
2014/01/17 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
工作目标责任书
2014/07/23 职场文书
迎国庆演讲稿
2014/09/15 职场文书
公司租房协议书范本
2014/10/08 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL