如何在koa中实现这个功能呢?koa为开发者提供了另一个(辅助)模块 ―― koa-mount
1 2 3 4 5 6 |
|
koa-mount是一个将中间件挂载到指定路径的Koa中间件。它可以挂载任意Koa中间件!
前面说过,koa-static是一个中间件,所以koa-mount可以和koa-static结合,以实现和express一样的静态服务请求前缀的功能。
static原理探究
学习了上面神奇的使用方式,你有没有想过它是怎么实现的?
通过 npm info koa-static
,你会发现 koa-static 依赖两个模块,分别是 debug 和 koa-send 。
找到 koa-static 源码的index文件,其核心实现如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
而经过这段代码,我们发现其中实现核心是 send()
方法,而这是由模块 koa-send 提供的!
找到koa-send的源码,发现其核心实现原理也是很简单的:
1 2 |
|
其中type方法是根据文件后缀来设置 Content-Type !很实用,但是我们这里更要关注的是另一个比较有趣的事 ―― koa-send的原理:
设置 Content-Type ,可通过文件后缀进行设置;
以Stream形式为ctx.body赋值
为什么说它有趣呢?
除了它竟然也是以设置content-type为目标外,stream流的方式一直受到业界大拿们的推崇:因为它比 fs.readFileSync
更高效!
让我们拿下面这段代码和上面 koa-send 的源码作比较:
1 2 3 4 5 6 |
|
Koa回顾
其实在koa中,ctx.body的工作原理其实就和本文所说 koa-static、koa-send 中间件相似:根据赋值类型来进行不同 Content-type 的处理
根据body类型设置对应的Content-type
根据Content-type调用res.write或者res.end,将数据写入浏览器
关于Content-type值:
字符串――又分为“text/html”和“text/plain”两种类型(不一样);
Buffer / Stream类型;
若不是以上任何类型,那么应该就是JSON对象了
(源码中是通过typeof来判定其类型,这种技巧非常实用!
更多编程相关知识,请访问:编程视频!!
以上就是深入浅析nodejs里的koa-static中间件的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
nodejs|使用mongoosejs将mongodb与node连接
node.js安装和配置环境以及部署项目的方法介绍(windows系统下)
更多相关阅读请进入《静态文件中间件》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者