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 提交值不为空的元素示例代码
May 10 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 Javascript
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
JS实现页面跳转与刷新的方法汇总
Aug 30 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
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
php格式化金额函数分享
2015/02/02 PHP
Laravel利用gulp如何构建前端资源详解
2018/06/03 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
页面中js执行顺序
2009/11/09 Javascript
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
Vue的Options用法说明
2020/08/14 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
中国电视购物:快乐购
2017/02/04 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
函数指针的定义是什么
2016/08/14 面试题
实习期自我鉴定
2013/10/11 职场文书
英文留学推荐信范文
2014/01/25 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
消防工作实施方案
2014/06/09 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
公司禁烟通知
2015/04/23 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers