Fastify 中如何处理静态文件？

推荐答案

在 Fastify 中处理静态文件可以通过 fastify-static 插件来实现。以下是一个简单的示例代码：

// www.javascriptcn.com code example
const fastify = require('fastify')({ logger: true });
const path = require('path');

// 注册 fastify-static 插件
fastify.register(require('fastify-static'), {
  root: path.join(__dirname, 'public'),
  prefix: '/public/', // 可选的 URL 前缀
});

// 启动服务器
fastify.listen(3000, (err) => {
  if (err) {
    fastify.log.error(err);
    process.exit(1);
  }
  fastify.log.info(`Server listening on http://localhost:3000`);
});

在这个示例中，fastify-static 插件会将 public 目录下的文件作为静态资源提供服务。你可以通过 http://localhost:3000/public/ 访问这些文件。

本题详细解读

1. 安装 fastify-static 插件

首先，你需要安装 fastify-static 插件：

npm install fastify-static

2. 注册插件并配置

在 Fastify 应用中，你需要注册 fastify-static 插件，并指定静态文件的根目录。root 选项用于指定静态文件的根目录，prefix 选项用于指定 URL 前缀。

fastify.register(require('fastify-static'), {
  root: path.join(__dirname, 'public'),
  prefix: '/public/',
});

3. 访问静态文件

注册插件后，Fastify 会自动处理静态文件的请求。例如，如果你在 public 目录下有一个 index.html 文件，你可以通过 http://localhost:3000/public/index.html 访问它。

4. 其他配置选项

fastify-static 插件还支持其他配置选项，例如：

• setHeaders: 用于设置响应头。
• redirect: 是否将根路径重定向到 index.html。
• wildcard: 是否启用通配符路由。

// www.javascriptcn.com code example
fastify.register(require('fastify-static'), {
  root: path.join(__dirname, 'public'),
  prefix: '/public/',
  setHeaders: (res, path) => {
    if (path.endsWith('.html')) {
      res.setHeader('Content-Type', 'text/html');
    }
  },
  redirect: true,
  wildcard: true,
});

通过这些配置，你可以更灵活地处理静态文件请求。