简介
Fastify 是一款快速、低开销并支持异步处理的 Node.js Web 框架。它可以处理高并发的请求，并提供极快的路由和中间件查找速度。服务端渲染（SSR）也非常方便，同时还支持自动化测试、插件开发等。本文介绍如何使用 Fastify 的插件 fastify-static 来提供静态文件服务。fastify-static 插件支持将指定目录下的静态文件提供 Web 服务。
安装 fastify-static
您可以通过 npm 来安装 fastify-static，只需在终端输入以下命令：
npm install fastify-static --save
如何使用 fastify-static
使用 fastify-static 插件在 Fastify 中提供静态文件服务非常简单。只需要按照以下步骤即可完成：
- 在 Fastify 应用程序上注册 fastify-static 插件。
- 配置 fastify-static 插件要服务的静态目录。
- 访问 Web 页面时通过指定的 URL 来请求该目录下的静态文件。
注册 fastify-static 插件
在 Fastify 应用程序上注册 fastify-static 插件，可以通过如下代码完成：
const fastify = require('fastify')();
fastify.register(require('fastify-static'), {
root: __dirname + '/public',
prefix: '/', // 可选项，将/static路径映射到文件系统中的目录，可以用它来隐藏真实目录
})这里，我们首先引入了 fastify-static 插件，并使用 fastify.register 注册到 Fastify 中。在注册时，我们需要以下两个参数：
root: 指定需要提供的静态文件目录，比如__dirname + '/public'即表示在当前目录下的public目录中查找文件。prefix: 可选参数，将 URL 路径映射到文件系统中的目录，可以用它来隐藏真实目录。
TODO 当 Fastify 应用程序在监听端口时，fastify-static插件会将请求转向指定的文件系统目录。 比如例子中传入的prefex参数是'/static'，则该静态目录下的所有文件只能通过 '/static' 路径访问。
fastify.listen(9000, function (err, address) {
if (err) throw err
console.log(`server listening on ${address}`)
})配置 fastify-static 插件要服务的静态目录
我们已经完成了 fastify-static 插件的注册，下一步就是指定要服务的静态文件目录。目录可以是相对或绝对路径。通常情况下，我们会在 Fastify 应用程序中使用 __dirname 变量来代表当前项目的根目录。假设我们的应用程序的目录结构如下：
-- -------------------- ---- ------- - --- ------ --- ------ - --- ---------- - --- --- - - --- --------- - --- -- - --- ------- --- ------------
那么我们可以通过以下方式来指定 fastify-static 插件要服务的静态目录：
fastify.register(require('fastify-static'), {
root: __dirname + '/public',
})此时，所有在 public 目录下的文件，包括嵌套子目录中的文件都可以被访问到。
访问 Web 页面时通过指定的 URL 来请求该目录下的静态文件
现在，我们已经成功地指定了 fastify-static 插件要服务的静态目录。如何访问这些文件呢？假设我们要访问 index.html 文件，我们只需将 URL 设置为 http://localhost:9000/index.html 即可。请注意，端口号可能因应用程序的不同而有所差异。
示例代码
下面是一个完整的示例代码，其中包括了 fastify-static 插件的注册、静态目录的指定、以及 Fastify 应用程序的监听。
-- -------------------- ---- ------- ----- ------- - --------------------- ------------------------------------------- - ----- --------- - ---------- -- ---------------- ----- ---- -- - --------------------- -------------------- --------------- -- -------------------- -------- ----- -------- - -- ----- ----- --- ------------------- --------- -- ------------ --
总结
本文介绍了如何使用 Fastify 的 fastify-static 插件来提供静态文件服务。fastify-static 插件非常方便，支持静态路由、目录映射和缓存等功能，可以高效地提供静态文件服务。如果您正在开发一个基于 Fastify 的 Web 应用程序，快来试试吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64915ab248841e9894f5c677