在前端开发中，CORS（跨域资源共享）是一个普遍存在的问题。由于浏览器的同源策略限制，跨域请求必须经过特殊的处理，否则将被浏览器拒绝。而在 Hapi 框架中，设置 CORS 访问控制是非常简单的。
什么是 CORS？
CORS 是一种浏览器技术，用于在跨域请求时允许服务器反向白名单授权。这样浏览器就可以安全地把响应数据传递给 JavaScript 客户端，从而允许网页从一个域中访问另一个域上的资源。
Hapi 框架中的 CORS 设置
在 Hapi 框架中，处理 CORS 比较容易。可以使用 hapi-cors 插件来设置 CORS 访问控制。
安装 hapi-cors 插件
首先，需要安装 hapi-cors 插件：
$ npm install --save hapi-cors
添加 hapi-cors 插件到 Hapi 服务器
然后，添加 hapi-cors 插件到 Hapi 服务器上：
-- -------------------- ---- -------
----- ---- - ----------------------
----- -------- - ---------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ---------
-------- -
-------- ------
-------- -------- ------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------这里的 origins 和 methods 分别是跨域访问允许的源和方法列表。origins 可以设置为 '*'，表示允许所有源，也可以设置为指定的源列表。
添加自定义 CORS 设置
此外，我们还可以使用 Hapi 路由选项来添加自定义的 CORS 设置。例如：
-- -------------------- ---- -------
--------------
------- ------
----- ----
------- -
----- -
------- ------
------------------ ----------------- -------------------
-
--
-------- --------- -- -- -
-- ---
-
---这里的 cors 选项就是自定义的 CORS 设置。我们可以设置 origin、headers、exposedHeaders、additionalHeaders 等选项。
示例代码
完整的 Hapi 示例代码如下所示：
-- -------------------- ---- -------
----- ---- - ----------------------
----- -------- - ---------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ---------
-------- -
-------- ------
-------- -------- ------
-
---
--------------
------- ------
----- ----
------- -
----- -
------- ------
------------------ ----------------- -------------------
-
--
-------- --------- -- -- -
------ ------- -------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------总结
在前端开发中，CORS 设置是非常重要的一环。而在 Hapi 框架中，设置 CORS 访问控制非常简单，只需要使用 hapi-cors 插件即可。我们可以设置允许的源和方法列表，以及自定义的 CORS 设置，为跨域请求提供更好的处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e20e8ef6b2d6eab3d5dab6