Fastify 框架的静态文件服务实现

介绍

Fastify 是一个快速、低开销、可伸缩的 Node.js Web 框架，它专注于提供最佳开发者体验和最佳性能。Fastify 提供了一个内置的静态文件服务插件，可以方便地在你的应用程序中提供静态文件服务。

实现静态文件服务

Fastify 提供了 fastify-static 插件来实现静态文件服务。使用该插件可以轻松地为 Fastify 应用程序提供静态文件服务。

安装插件

使用 npm 安装 fastify-static 插件：

npm install fastify-static --save

引入插件

在你的 Fastify 应用程序中，使用 fastify-static 插件来提供静态文件服务。在 app.js 文件中添加以下代码：

const fastify = require('fastify')()
const path = require('path')
const fastifyStatic = require('fastify-static')

fastify.register(fastifyStatic, {
  root: path.join(__dirname, 'public'),
  prefix: '/public/', // optional: default '/'
})

在上面的代码中，我们将 fastify-static 插件注册到 Fastify 应用程序中，并设置了静态文件服务的根目录和前缀。其中 root 选项设置了静态文件服务的根目录，prefix 选项设置了静态文件服务的前缀。如果不设置 prefix，默认为根目录。

访问静态文件

现在，我们已经设置了静态文件服务，可以通过浏览器访问静态文件了。在浏览器中输入以下地址：

http://localhost:3000/public/index.html

这里假设 Fastify 应用程序的端口为 3000，index.html 文件位于 public 目录下。

示例代码

下面是一个完整的 Fastify 应用程序，它提供了静态文件服务：

// javascriptcn.com 代码示例
const fastify = require('fastify')()
const path = require('path')
const fastifyStatic = require('fastify-static')

fastify.register(fastifyStatic, {
  root: path.join(__dirname, 'public'),
  prefix: '/public/', // optional: default '/'
})

fastify.listen(3000, (err, address) => {
  if (err) {
    console.error(err)
    process.exit(1)
  }
  console.log(`Server listening on ${address}`)
})

总结

Fastify 提供了内置的静态文件服务插件，可以方便地为 Fastify 应用程序提供静态文件服务。使用 fastify-static 插件可以轻松地实现静态文件服务，只需要设置静态文件服务的根目录和前缀即可。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656e7929d2f5e1655d69fa0f