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 相关文章推荐
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
微信小程序:数据存储、传值、取值详解
May 07 Javascript
如何在vue 中引入使用jquery
Nov 10 jQuery
在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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
浅析JavaScript中break、continue和return的区别
2016/11/30 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
.net软件工程师面试题
2015/03/31 面试题
八年级语文教学反思
2014/02/11 职场文书
材料物理专业求职信
2014/09/01 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
秋季运动会开幕词
2015/01/28 职场文书
Python基础之条件语句详解
2021/06/16 Python
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
MySQL分区路径子分区再分区
2022/04/13 MySQL
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL