Express-static
利用 Express 托管静态文件
通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。
1.将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。
例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以:
app.use(express.static('public'));
现在,public 目录下面的文件就可以访问了。
http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
2.所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在 URL 中。
如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件:
app.use(express.static('public'));
app.use(express.static('files'));
//访问静态资源文件时,express.static//中间件会根据目录添加的顺序查找所需的文件
3.如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟(virtual)”目录(即目录根本不存在)下面,可以通过为静态资源目录指定一个挂载路径的方式来实现,如下所示:
app.use('/static', express.static('public'));
现在,你就可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。
http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html
Express-static相关推荐
- express.static 和 lit-html
下面这段代码: app.use 指定的回调函数(第七行),在任意类型的 HTTP 请求到来时,都会被触发. 为了 serve 静态文件比如图片文件,css 文件和 JavaScript 文件,可以使用 ...
- express.static 作用及用法
express相信是很多人用nodejs搭建服务器的首选框架,相关教程有很多,也教会了大家来如何使用.如果你想更深的了解他的细节,不妨和我一起来研究一下. 先来看一个每个人都用到的方法app.use( ...
- express中res.sendFile、res.render、express.static()三者的使用
一.res.sendFile 必须使用绝对路径,它的作用是响应出去一个任意类型文件,也可以直接返回html文件做渲染. app.get("/kkk", (req, res) =&g ...
- 学习笔记-express路径问题
在页面渲染成功之后,报错出现静态文件css样式引用路径出错,于是我就根据express api文档,托管静态文件作出修改,最后全是徒劳.于是我又从引用开始找起,<link rel="s ...
- express中放置静态文件
不使用模版引擎的话要直接添加html,可以使用express.static()中间件设定静态文件目录,然后将html文件放在里面,如:express默认静态文件目录为 app.use(express. ...
- express给html设置缓存,webpack + express 实现文件精确缓存
由于最近开发的个人博客(Vue + node)在使用过程中,发现网络加载有点慢,所以打算对它进行一次优化.本次优化的目标如下: index.html 设置成 no-cache,这样每次请求的时候都会比 ...
- Express结合Webpack的全栈自动刷新
在以前的一篇文章BrowserSync,迅捷从免F5开始中,我介绍了BrowserSync这样一个出色的开发工具.通过BrowserSync我感受到了这样一个理念:如果在一次ctrl + s保存后可以 ...
- node mongoose_如何使用Express,Mongoose和Socket.io在Node.js中构建实时聊天应用程序
node mongoose by Arun Mathew Kurian 通过阿伦·马修·库里安(Arun Mathew Kurian) 如何使用Express,Mongoose和Socket.io在N ...
- Node.js Express 框架 Express
Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...
- 在 Azure 中的 Linux VM 上创建 MongoDB、Express、AngularJS 和 Node.js (MEAN) 堆栈
本教程介绍如何在 Azure 中的 Linux VM 上实现 MongoDB.Express.AngularJS 和 Node.js (MEAN) 堆栈. 通过创建的 MEAN 堆栈,可以在数据库中添 ...
最新文章
- IBM Watson失败的4大原因
- python直方图均衡函数_Python中的自适应直方图均衡
- php阻止form提交表单提交,防止表单提交时刷新页面-阻止form表单的默认提交行为...
- 安卓adapter适配器作用_自带安卓系统的便携屏,能玩出什么花样?
- 开发黑名单功能demo_突然让你开发Electron应用-electron特性练习操场-所见即所得的electron...
- 20200706:不同路径 II(leetcode63)
- [转]Bash的输入输出重定向
- mysql index 信息_MySQL 索引
- CCFCSP非零段划分
- 分布式定时任务框架Uncode-Schedule技术介绍
- java 聊天室 私聊_使用socket实现网络聊天室和私聊功能
- 计算机网络教程网线制作,图吧小白教程 篇二十六:手把手教你自制网线(夹网线水晶头)...
- 导图解房(03) MECE法则解读房屋属性
- opencv自动裁切_荐Python Opencv 之 简单的视频裁剪功能的实现
- ios添加邮件收件服务器,全球邮企业邮箱在iPhone上使用的设置说明
- 中国现代书画家——张士高、崔世年、姚子华等
- java怎么声明list_Java中的ArrayList或List声明
- 在早教阶段幼儿应不应该使用计算机,计算机与幼儿教育
- 双路服务器主板跳线位置,主板上对应的跳线位置要认清
- 实时性之硬实时与软实时