在 Node.js 服务器端框架中，Hapi.js 是一个强大且容易使用的选择。其中一个很有价值的功能是静态目录文字（Static Directory Literals）。这个功能使得文件系统中的文件可以轻松地添加到 Web 服务器中，从而使它们成为通过 HTTP 可访问的静态资源。

获得 Static Directory Literals

为了获得 Hapi.js 的 Static Directory Literals 功能，你需要在你的应用程序中安装它。你可以通过 Npm 包管理器进行安装，如下所示：

npm install hapi --save

安装后，在你的 JavaScript 文件的顶部引入它：

const Hapi = require('@hapi/hapi');

配置静态目录

确保你已经安装了 Hapi.js，并且已经连接了服务器，你可以配置 Static Directory Literals。你可以像这样配置一个服务器目录：

-- -------------------- ---- -------
----- ------ - -------------
    ----- -----
    ----- ------------
    ------- -
        ------ -
            ----------- -------------------- ---------
        -
    -
---

在这个例子中，我们告诉 Hapi.js 服务器，所有关于文件系统的请求都将从 public/ 目录中获取。这个目录的路径是 __dirname + /public。

现在我们已经为我们的服务器设置了一个静态目录，接下来我们将在我们的服务器上提供一个文件。

提供静态文件

一旦我们已经将静态文件的目录聚集在一起，并将其暴露给我们的服务器，我们需要指明我们要显示哪个文件。

Hapi.js 将自动找到文件并将它们提供给客户端。你可以按以下方式指定文件名称：

server.route({
    method: 'GET',
    path: '/hello',
    handler: (request, h) => {
        return h.file('hello.html');
    }
});

在这个例子中，当用户在他们的浏览器中输入 /hello 时，我们将向客户端发送一个名为 hello.html 的文件。

创建静态资源

Hapi.js 使得创建静态资源非常简单。你应该遵循常见的文件命名约定，例如将你的 CSS 文件放在一个 CSS 目录中，将 JavaScript 文件放在一个 JS 目录中。

这里是一个示例，这个示例将包含一个名为 hello.html 的文件，它使用了一个相对于 public 目录的 CSS 文件：

-- -------------------- ---- -------
--------- -----
------
------
    ----- ---------------- ---------------------- --
-------

------
    --------- -----------
-------
-------

你可以在 CSS/ 目录中创建 styles.css 文件，实现以下内容：

h1 {
    color: #228b22;
}

这将使得 hello.html 文件显示一个绿色的标题。

结论

Hapi.js 的 Static Directory Literals 功能使得创建并与客户端分享静态资源变得极其简单。只要指定一个目录并将这个目录暴露给你的服务器，你就可以通过 HTTP 提供任何文件。

我们希望这个简短的教程可以教你 Hapi.js 的 Static Directory Literals 功能。祝你好运！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/674876ae93696b0268f84823

Hapi.js Static Directory Literals （静态目录文字）

获得 Static Directory Literals

配置静态目录

提供静态文件

创建静态资源

结论

纠错反馈