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基础知识filter()和find()实例说明
Jul 06 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
原生js实现回复评论功能
Jan 18 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 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修改指定文件后缀的方法
2014/09/11 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
js电信网通双线自动选择技巧
2008/11/18 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
javascript中Object使用详解
2015/01/26 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python处理Excel文件实例代码
2017/06/20 Python
python实现log日志的示例代码
2018/04/28 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
详解Python如何生成词云的方法
2018/06/01 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
python中元组的用法整理
2020/06/15 Python
详解rem 适配布局
2018/10/31 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
餐厅总厨求职信
2014/03/04 职场文书
酒店员工培训方案
2014/06/02 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
单身证明范本
2015/06/15 职场文书
Python django中如何使用restful框架
2021/06/23 Python