在前端开发过程中，跨域请求是一个常见的问题。Hapi 是一个 Node.js 的 Web 应用程序框架，它提供了一种简单的方式来处理跨域请求。
跨域请求的问题
跨域请求是指在浏览器中发起的请求，其目标地址与当前页面的域名不同。例如，在 www.example.com 页面中，使用 AJAX 请求 api.example.com 的数据，就是跨域请求。
由于同源策略的限制，浏览器会阻止这种跨域请求。因此，我们需要采取一些措施来解决这个问题。
Hapi 处理跨域请求的方式
Hapi 提供了一个跨域插件 hapi-cors，它可以非常简单地解决跨域请求的问题。
安装 hapi-cors
首先，我们需要安装 hapi-cors 插件。可以使用 npm 命令进行安装：
npm install hapi-cors --save
使用 hapi-cors
安装完成后，在 Hapi 应用程序中引入 hapi-cors 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ---- - ---------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ----
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------ --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在上面的代码中，我们在应用程序中注册了 hapi-cors 插件，并且在路由中处理了一个简单的 GET 请求。现在，我们可以在浏览器中访问这个页面，而不会受到跨域请求的限制。
配置 hapi-cors
hapi-cors 插件提供了一些配置选项，可以根据需要进行调整。以下是一些常见的配置选项：
origin：允许跨域请求的源地址，可以是字符串、正则表达式或函数。默认值为*，表示允许所有来源。methods：允许跨域请求的 HTTP 方法，可以是字符串、数组或函数。默认值为GET,HEAD,PUT,PATCH,POST,DELETE。headers：允许跨域请求的 HTTP 头部信息，可以是字符串、数组或函数。默认值为accept,authorization,content-type,if-modified-since。maxAge：对于预检请求（OPTIONS 请求），指定其有效期，单位为秒。默认值为86400，即一天。credentials：是否允许发送 Cookie。默认值为false。exposedHeaders：允许在响应中暴露的 HTTP 头部信息，可以是字符串或数组。
以下是一个使用配置选项的示例：
-- -------------------- ---- -------
----- -----------------
------- -----
-------- -
------- ---------------------- -------------------
-------- ------- ------- -------
-------- ------------------
------- -----
------------ -----
--------------- ---------------- -----------------
-
---结论
通过使用 hapi-cors 插件，我们可以非常方便地处理跨域请求。在实际开发中，我们可以根据具体情况进行配置，以满足项目的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673f02a25ade33eb722d35b8