Fastify 是一个快速且低开销的 Node.js Web 框架，它的设计目标是提供高效的路由和中间件处理。在构建前端项目时，一些静态文件（如 HTML、CSS、JavaScript 等）是必不可少的。Fastify 提供了一种简单的方法来管理静态文件，使得在开发时可以快速地访问这些文件，也可以部署到生产环境中。
静态文件托管方法
在 Fastify 中，我们可以使用 fastify-static 插件来托管静态文件。这个插件可以从指定目录下提供静态文件，如 CSS、JavaScript、图像等。我们可以将这个目录添加到服务端，并且可以通过 URL 来访问其中的文件。
安装插件
首先，我们需要通过 NPM 安装 fastify-static 插件。
npm install fastify-static --save
引入插件
在项目入口文件中，需要引入并注册插件。
-- -------------------- ---- -------
----- ---- - ---------------
----- ------- - --------------------
------------------------------------------- -
----- -------------------- ----------
------- ---- -- --------- ------- ---
--
-------------------- ----- -- -
-- ----- -
----- ---
-
------------------- --------- -- ----------------------------------
--在上述代码中，我们注册了 fastify-static 插件，并指定 root 参数，即提供静态文件的目录，使用了 Node.js 的 path 模块来获取 public 目录的绝对路径。另外，我们还可以使用 prefix 参数来设置 URL 前缀。
访问静态文件
在注册插件后，我们可以使用 fastify-static 插件来访问静态文件。
-- -------------------- ---- -------
--------- -----
------
------
-------------- --------------
----- ---------------- --------------- ----------------------
-------
------
----------- -- -------------
---- ---------------------- ------------ ------
------- -----------------------------
-------
-------在上述代码中，我们使用了 link、img 和 script 标签来链接 CSS、图片和 JavaScript 文件，并使用了 / 作为 URL 前缀。这样，我们就可以通过访问 http://localhost:3000/css/style.css 来获取 CSS 文件。
总结
Fastify 是一个快速、高效的 Node.js Web 框架，提供了 fastify-static 插件来方便的管理静态文件。在开发和部署时，我们可以使用这个插件来快速访问静态文件，提高开发效率。同时，我们还可以通过设置 URL 前缀来进行更灵活的文件管理。希望本文可以帮助大家更好地使用 Fastify 框架。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6465b7a4968c7c53b0661299