express中static中间件的具体使用方法


Posted in Javascript onOctober 17, 2019

如果想要在输入url后直接访问服务端的静态文件,比如cssjs、文件等,就需要知道这些静态文件的定位,在express框架中express.static中间件函数可以帮助我们实现。

Staicexpress内置中间件函数,服务于静态文件,基于静态服务。Staic函数封装在serve-static模块当中,serve-static模块抛出的serveStatic就是static方法。

express中static中间件的具体使用方法

上面注释说明了方法的作用,大概是说该中间件函数为给定根目录的文件提供服务,要服务的文件将通过将req.url与提供的根目录相结合来确定。当找不到文件时,此模块将改为调用next()以转到下一个中间件。废话不多说,实际操作一下:

express中static中间件的具体使用方法

express中static中间件的具体使用方法

在浏览器地址栏输入http://127.0.0.1:8888/public/images/111.jpg发现可以访问到服务端静态图片。

express中static中间件的具体使用方法

中间件函数要服务的文件将通过将req.url与提供的根目录相结合来确定,也就是说http://127.0.0.1:8888/访问的就是中间件指定的目录。上图中http://127.0.0.1:8888/对应的是项目的根目录,所以在http://127.0.0.1:8888/后面加上public/images/111.jpg就可以访问到静态图片了。

如果要使用多个静态资源目录,请多次调用express.static中间件函数,Express以您使用express.static中间件函数设置静态目录的顺序来查找文件。要为express.static函数提供的文件创建虚拟路径前缀(路径并不实际存在于文件系统中,请为静态目录指定安装路径。

express中static中间件的具体使用方法

express中static中间件的具体使用方法

express中static中间件的具体使用方法

其中,/images/files是指定的虚拟目录,在服务端中实际是不存在的。

参考链接:https://3water.com/article/172167.htm

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

Javascript 相关文章推荐
javascript数组使用调用方法汇总
Dec 08 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
bootstrap daterangepicker汉化以及扩展功能
Jun 15 Javascript
javascript数组定义的几种方法
Oct 06 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
在Express中提供静态文件的实现方法
Oct 17 #Javascript
微信小程序一周时间表功能实现
Oct 17 #Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 #Javascript
JS工厂模式开发实践案例分析
Oct 17 #Javascript
小程序input数据双向绑定实现方法
Oct 17 #Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 #Javascript
JS设置自定义快捷键并实现图片上下左右移动
Oct 17 #Javascript
You might like
php xml文件操作代码(一)
2009/03/20 PHP
phpize的深入理解
2013/06/03 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
jQuery select的操作实现代码
2009/05/06 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
2018/12/29 jQuery
js布局实现单选按钮控件
2020/01/17 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
python套接字流重定向实例汇总
2016/03/03 Python
Python中规范定义命名空间的一些建议
2016/06/04 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
Python中Numpy mat的使用详解
2019/05/24 Python
numpy.random模块用法总结
2019/05/27 Python
Django 外键的使用方法详解
2019/07/19 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
上海期货面试题
2014/01/31 面试题
教师反腐倡廉演讲稿
2014/09/03 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
golang中的并发和并行
2021/05/08 Golang
Java设计模式中的命令模式
2022/04/28 Java/Android