CORS（跨域资源共享）是一种 Web 应用程序开发技术，它允许网页从不同的域访问其它域的资源。在前端开发中，CORS 插件是非常重要的，它能够解决跨域请求的问题，让我们可以在一个域中调用另一个域的 API。
在 Hapi 框架中，我们可以使用 hapi-cors 插件来实现跨域请求。本文将详细介绍如何在 Hapi 框架中使用 CORS 插件。
安装和配置
首先，我们需要安装 hapi-cors 插件。使用 npm 命令进行安装：
npm install hapi-cors --save
安装完成后，我们需要在 Hapi 项目中注册该插件。在项目的 server.js 文件中，添加以下代码：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----------- - -----------------------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- -------- ------- -
----- -----------------
------- ---------------------
-------- -
-------- ------
-------- ---------- ---------------- --------------- ---------------- ------------------ ------------------- -------------------------------
------- ------
------------ -----
------- -------------------- ------------------------
-------- ------- ------- ------ --------- ----------
-
---
--------------------------- -------------
----- ---------------
------------------- ------- -- ---- -----------------
-
--------在上面的代码中，我们首先导入了 hapi-cors 插件和 hapi-cors-headers 模块。然后，在 server.register 函数中，我们设置了一些插件的配置选项，包括：
origins：允许跨域请求的域名，可以是一个字符串或者数组。headers：允许跨域请求的 HTTP 头部信息，可以是一个字符串或者数组。maxAge：CORS 预检请求的有效期，单位为秒。credentials：是否允许发送 Cookie 和认证信息。expose：允许暴露的 HTTP 头部信息，可以是一个字符串或者数组。methods：允许跨域请求的 HTTP 方法，可以是一个字符串或者数组。
接下来，我们使用 server.ext 函数将 hapi-cors-headers 中间件添加到 Hapi 服务器中。这个中间件的作用是在响应头中添加 CORS 相关的 HTTP 头部信息。
最后，我们使用 server.start 函数启动 Hapi 服务器。
示例代码
下面是一个使用 Hapi 框架和 CORS 插件的示例代码。在这个示例中，我们创建了一个简单的 API，用于获取用户列表和添加新用户。
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----------- - -----------------------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- ----- - -
- --- -- ----- ------- --
- --- -- ----- ----- --
- --- -- ----- --------- -
--
--------------
------- ------
----- ---------
-------- --------- -- -- -
------ ------
-
---
--------------
------- -------
----- ---------
-------- --------- -- -- -
----- - ---- - - ----------------
----- -- - ------------ - --
----- ---- - - --- ---- --
-----------------
------ -----
-
---
----- -------- ------- -
----- -----------------
------- ---------------------
-------- -
-------- ------
-------- ---------- ---------------- --------------- ---------------- ------------------ ------------------- -------------------------------
------- ------
------------ -----
------- -------------------- ------------------------
-------- ------- ------- ------ --------- ----------
-
---
--------------------------- -------------
----- ---------------
------------------- ------- -- ---- -----------------
-
--------在上面的代码中，我们首先定义了一个 users 数组，用于存储用户列表。然后，我们创建了两个路由：
/users：用于获取用户列表。/users（POST）：用于添加新用户。
在启动服务器之前，我们使用 server.register 函数注册了 hapi-cors 插件，并设置了一些配置选项。然后，我们使用 server.ext 函数将 hapi-cors-headers 中间件添加到 Hapi 服务器中。
最后，我们使用 server.start 函数启动 Hapi 服务器。
总结
本文介绍了在 Hapi 框架中使用 CORS 插件的方法。我们首先安装并配置了 hapi-cors 插件，然后创建了一个简单的 API 示例，用于获取用户列表和添加新用户。通过本文的学习，读者可以了解到如何在 Hapi 框架中使用 CORS 插件，以及如何处理跨域请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e105b01886fbafa4e1870e