在 Hapi 框架中使用 Inert 插件实现静态文件访问的方法

在一个 Web 应用程序中，静态文件（例如图片、CSS 和 JavaScript 文件）通常被存储在服务器上的某个目录中。为了让用户能够访问这些文件，我们需要将它们映射到 Web 应用程序的 URL 上。在 Hapi 框架中，可以使用 Inert 插件来实现这一目的。

什么是 Inert 插件

Inert 是一个 Hapi 插件，它可以帮助我们将静态文件映射到 Web 应用程序的 URL 上。它提供了一个路由处理程序，可以将请求的 URL 映射到服务器上的静态文件，并将其发送回客户端。

安装 Inert 插件

在使用 Inert 插件之前，我们需要先将其安装到我们的 Hapi 应用程序中。可以使用 npm 来安装 Inert 插件：

npm install inert --save

使用 Inert 插件

在安装 Inert 插件之后，我们需要在 Hapi 应用程序中注册它。可以在应用程序的 server 对象上调用 register 方法来注册插件：

// javascriptcn.com 代码示例
const Hapi = require('hapi');
const Inert = require('inert');

const server = new Hapi.Server();

server.connection({
  host: 'localhost',
  port: 3000
});

server.register(Inert, (err) => {
  if (err) {
    throw err;
  }
});

在注册 Inert 插件之后，我们可以使用 server.route 方法来定义路由。可以使用 handler 选项来指定 Inert 插件的处理程序，将请求的 URL 映射到服务器上的静态文件：

// javascriptcn.com 代码示例
server.route({
  method: 'GET',
  path: '/{param*}',
  handler: {
    directory: {
      path: 'public'
    }
  }
});

在上面的代码中，我们使用 directory 处理程序指定了一个目录，该目录包含我们要映射到 Web 应用程序的 URL 上的静态文件。path 选项指定了该目录的路径。

现在，我们可以访问我们的静态文件了。例如，如果我们在 public 目录中有一个名为 styles.css 的文件，我们可以使用以下 URL 来访问它：

http://localhost:3000/styles.css

示例代码

下面是一个完整的示例代码，它演示了如何在 Hapi 应用程序中使用 Inert 插件来访问静态文件：

// javascriptcn.com 代码示例
const Hapi = require('hapi');
const Inert = require('inert');

const server = new Hapi.Server();

server.connection({
  host: 'localhost',
  port: 3000
});

server.register(Inert, (err) => {
  if (err) {
    throw err;
  }
});

server.route({
  method: 'GET',
  path: '/{param*}',
  handler: {
    directory: {
      path: 'public'
    }
  }
});

server.start((err) => {
  if (err) {
    throw err;
  }

  console.log(`Server running at: ${server.info.uri}`);
});

总结

在本文中，我们介绍了如何在 Hapi 框架中使用 Inert 插件来访问静态文件。我们首先安装了 Inert 插件，然后在应用程序中注册它。最后，我们使用 directory 处理程序将请求的 URL 映射到服务器上的静态文件。希望本文能够帮助你更好地理解如何在 Hapi 应用程序中使用 Inert 插件。

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