快速、高效、低开销、Node.js 的 Web 框架 Fastify 功能强大，可扩展性好，目前得到了开源社区的广泛信任和使用，成为了一款备受欢迎的 Web 框架之一。在 Fastify 中，静态文件服务是非常常见的需求，如何实现呢？下面我们来一探究竟。
静态文件服务的意义
静态文件服务是指，在 Web 应用程序中读取并提供静态文件的服务。这些文件可以是 HTML、CSS、JavaScript、图像和其他静态内容文件。在 WEB 开发工作中，不管是开发还是生产环境，都时常需要将静态文件托管到 Web 服务器上提供给客户端，因此实现静态文件服务在实际中有非常广泛的应用。
快速入手
Fastify 提供了 fastify-static 插件，可以快速实现静态文件服务。fastify-static 插件支持如下参数：
- root：托管静态资产的目录的绝对路径。指定文件夹路径。
- prefix：URL 的前缀（默认为 /）。设置用于将请求路径与指定的资源根目录拼接的 URL 路径前缀。
- prefixAvoidTrailingSlash：用于解决在使用 URL 前缀时出现额外的斜杠问题。
- index：如果请求以 / 结尾，则自动使用 / 加上所列举文件之一来处理这些请求。
- redirect：如果在尝试找到文件时发生错误，则将给客户端发出 HTTP 301 永久重定向。
- setHeaders：设置 HTTP 响应头的元数据。
- decorateReply：如果设置为 true，则插件会针对治理请求的 Response 实例的 reply 装饰程序执行派生基础实现。
代码示例
安装 fastify 和 fastify-static
可以使用以下命令安装：
npm install fastify npm install fastify-static
实现静态文件服务
-- -------------------- ---- -------
-- ------- ------- --------- --- ------ ------ ----------
----- ------- - -------------------- ------- ----- ---
----- ---- - ----------------
-- -------- --- -------------- ------ ---- --------
------------------------------------------- -
----- -------------------- ----------
------- ----------- -- --------- ------- ---
---
-- ------- - -----
---------------- --------- ------ -- -
------------------ ---------
---
-- --- --- -------
-------------------- ----- -- -
-- ----- -
-----------------------
----------------
-
------------------- ------- -- ---- --------
---在以上的示例中，我们通过代码实现了一个简单的静态文件服务。在 static 目录下新建了一个 index.html 文件。
当我们访问 localhost:3000/static/index.html 时，就可以看到浏览器中呈现出了该文件的内容。
此时的目录结构为：
- index.js
- /public
- index.html结论
Fastify 框架的 fastify-static 插件可以让我们快速实现静态文件服务，避免实现过程中出现的细节问题，并且使用方法也非常简单。在实际的开发和生产中，静态文件服务是非常必要和重要的，我相信了解了这篇文章，你也可以更好地在实际中使用 Fastify 框架实现静态文件服务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f52506c5c563ced56e349e