CORS(Cross-Origin Resource Sharing)问题是由 AJAX 跨域请求引起的一类问题，它可以在前端开发中经常遇到。在 Hapi 框架中，处理 CORS 问题也很简单，本文将为您详细介绍如何处理 Hapi 框架中的 CORS 问题。
什么是 CORS?
CORS (Cross-Origin Resource Sharing) 跨域资源共享，是一种遵循 CORS 协议的跨域技术。它可以让服务器支持跨域访问，这样客户端 JavaScript 就可以在一个域名下访问另一个域名的数据。
举个例子，如果我们在 https://www.example.com 页面中请求了 https://api.example.com/data，由于这两个 URL 不属于同一个域名，就会遇到 CORS 问题。
Hapi 框架中的 CORS
在 Hapi 框架中，处理 CORS 问题非常简单，我们可以通过安装 hapi-cors 插件来实现。
安装 Hapi-Cors 插件
我们可以通过 npm 来安装 hapi-cors 插件，命令如下:
--- ------- ---------
注册 Hapi-Cors 插件
安装完插件后，我们需要将它注册到 Hapi 框架中。我们可以像下面这样在 hapi 的服务器对象中注册插件：
----- ---- - ----------------
----- ------ - --- --------------
----- ------- - -
-
------- ---------------------
-------- -
-------- ------
----------------- -------
-------------- ---------------- ------------------
------- ---
-
-
--
----- -------------------------Hapi-Cors 插件的选项
hapi-cors 插件的选项如下所示：
origins: 允许跨域请求的源地址数组，你可以指定具体地址，也可以使用通配符*来表示允许所有的地址。allowCredentials: 是否允许发送 Cookie 等凭证信息，默认值为false。exposeHeaders: 服务器响应可以暴露的 Header 信息。maxAge: 请求的缓存时间，以秒为单位
在路由中指定 CORS 配置
我们还可以在每一个路由的配置中为其指定 CORS 配置，如下所示：
--------------
------- ------
----- ------------
------- -
----- -
------- ------
------------------ ----------------- -------------------
--
-------- -------- --------- ------ -
-- --------
-
-
---在以上示例中，我们为 /api/{id} 这个路由指定了 CORS 配置，允许跨域请求的地址为 *，并且允许客户端向服务端发送 cache-control、x-requested-with 头信息。
测试 CORS
在配置好 CORS 之后，我们可以通过发送跨域请求来进行测试。我们可以使用 jQuery 来发送 AJAX 请求，代码示例如下：
--------
---- ------------------------------
----- ------
--------- -------
-------- ---------------
------------------
-
---在以上代码中，我们向 http://api.example.com/data 发送一个跨域请求，服务器应该在响应头信息中返回 CORS 相关的信息，不然该请求就会被浏览器拦截。
总结
在 Hapi 框架中处理 CORS 问题非常简单，我们可以通过安装并注册 hapi-cors 插件来轻松解决跨域问题。值得注意的是，在配置 hapi-cors 插件时，我们需要指定其选项，这些选项包括允许跨域请求的源地址、是否允许发送 Cookie 等凭证信息、响应可以暴露的 Header 信息和请求的缓存时间等。如果您需要在路由中为每一个路由指定 CORS 配置，则需要在该路由配置中包含 config.cors 属性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64780f96968c7c53b04554e6