serve-static

本文介绍了serve-static中间件的高级配置技巧,包括如何设置自定义响应头实现不同文件类型的缓存策略,如何处理多个静态文件目录,取消默认index.html的行为,以及如何指定备选文件后缀。还探讨了fallthrough参数的作用。
摘要由CSDN通过智能技术生成

问题1:serve-static的setHeaders有什么用?

[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var express = require('express')  
  2. var serveStatic = require('serve-static')  
  3. //这个中间件也可以通过express.static来引入,第二个参数同样表示的是和serve-static同样的选项  
  4. var app = express()  
  5. //为一些静态文件设置不同的过期时间,而这个设置通过一个函数也就是setHeaders来完成的  
  6. //setHeaders用于设定自定义的响应头,函数签名为:fn(res, path, stat)第一个参数表示response对象,第二个表示路径,第三个表示文件的描述符  
  7. app.use(serveStatic(__dirname + '/public', {  
  8.   maxAge: '1d',  
  9.   setHeaders: setCustomCacheControl  
  10. }))  
  11. app.listen(3000)  
  12. function setCustomCacheControl(res, path) {  
  13.     //通过serve-static的mime对象的lookup方法查看文件的mime类型  
  14.   if (serveStatic.mime.lookup(path) === 'text/html') {  
  15.     // Custom Cache-Control for HTML files  
  16.     res.setHeader('Cache-Control''public, max-age=0')  
  17.   }  
  18. }  
注意:通过setHeaders可以指定一个函数,这个函数可以对不同的文件使用不同的缓存策略,这个函数的签名是fn(res, path, stat)。在内部可以通过serve-static的mime对象的lookup来判断文件的mime类型,然后选择不同的缓存策略
问题2:如果为静态文件指定了多个目录那么我们如何设置?
[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var express = require('express')  
  2. var serveStatic = require('serve-static')  
  3. var app = express()  
  4. //如果为静态文件指定了多个目录那么我们如何设置  
  5. app.use(serveStatic(__dirname + '/public-optimized'))  
  6. app.use(serveStatic(__dirname + '/public'))  
  7. app.listen(3000)  
注意:这时候我们就会首先查找public-optimized目录,然后查找public目录
问题3:默认情况下访问会发送index.html,那么如何取消这种默认行为?
[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var express = require('express')  
  2. var serveStatic = require('serve-static')  
  3. var app = express()  
  4. //其中对于index参数来说:如果访问一个目录那么默认会发送index.html,但是我们可以把index设置为false或者我们给这个参数发送一个  
  5. //数组(或者string),那么就会按照数组指定的顺序进行遍历,前面的优先级高于后者!  
  6. app.use(serveStatic('public/ftp', {'index': ['default.html''default.htm']}))  
  7. app.listen(3000)  
注意:通过制定index参数就可以取消这种默认行为
问题4:如果指定静态文件没有找到,是否可以继续查找其他后缀的文件作为备用文件?
[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var express = require('express')  
  2. var serveStatic = require('serve-static')  
  3. var app = express()  
  4. //其中对于index参数来说:如果访问一个目录那么默认会发送index.html,但是我们可以把index设置为false或者我们给这个参数发送一个  
  5. //数组(或者string),那么就会按照数组指定的顺序进行遍历,前面的优先级高于后者!  
  6. app.use(serveStatic('public/ftp', {'extensions': ['html''htm']}))  
  7. app.listen(3000)  

Extensions如果指定了true,那么指定的文件如果没有被找到,那么就会把指定的数组中的后缀添加进去继续查找,然后返回。如:['html', 'htm'],默认是false。如果我如下指定了静态文件的目录:

[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. app.use(express.static(path.join(__dirname, 'public')));  
那么如果在静态文件中有这样的引用:
  1. <link rel="stylesheet" href="/stylesheets/style.css">  
那么就会查找public/stylesheets/style.css来获取文件。extensions我觉得可以用于如果没有找到jpg图片继续查找png图片的情况下,如['jpg','png']
问题5:fallthrough参数有什么用?
  让有客户端错误的请求通过就像没有这个请求一样,或者也可以产生一个客户端的错误。如果把这个参数设置为true那么那些无效的客户端请求或者404请求就会简单的调用next()来触发下一个中间件,如果设置为false那么就会触发next(err)把错误消息传递给下一个中间件。一般情况下都是true,这时候我们可以把多个物理路径映射到 相同的URL,当前面一个路径查询不到资源继续转换到下一个物理路径查找(这里是静态资源的查找)。如果你确定你只有一个路径来存放物理资源那么设置为false。这个中间件会处理所有的GET/POST/DELETE等请求,默认情况下为 true!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值