跨域问题简介
在 Web 开发中，由于浏览器的同源策略限制，当一个网页的 JavaScript 代码试图访问另一个域名下的资源时，浏览器会阻止该请求。这就是跨域问题，常见的跨域场景包括：
- 在前端代码中使用 AJAX 请求后端接口；
- 在前端代码中使用 iframe 嵌入其他网站的页面；
- 在前端代码中使用 WebSocket 连接其他域名的服务器。
Hapi 框架简介
Hapi 是一个 Node.js 的 Web 应用框架，它提供了一系列工具和插件，可以帮助我们快速构建可靠的 Web 应用。Hapi 的核心理念是配置优先，它的路由、请求处理和插件系统都是基于配置的。Hapi 也提供了一些内置的安全特性，比如防止响应劫持、防止跨站点脚本攻击等。
Hapi 解决跨域问题
Hapi 提供了一个名为 hapi-cors 的插件，可以帮助我们解决跨域问题。hapi-cors 可以配置哪些域名可以访问我们的应用，以及允许哪些 HTTP 方法和头部。下面是一个使用 hapi-cors 插件的示例：
-- -------------------- ---- -------
----- ---- - ----------------------
----- -------- - ---------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- -----------------
------- ---------
-------- -
-------- --------------------------
-------- ------- --------
-------- ---------- -----------------
------------ ----
-
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------- --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在上面的示例中，我们使用 Hapi 创建了一个服务器，并在注册插件时传入了 hapi-cors。我们通过 options 配置了允许访问的域名、HTTP 方法、头部和是否允许发送凭据（比如 cookie）。在路由中，我们定义了一个 GET 请求的处理器，当访问根路径时返回 'Hello, world!'。
总结
使用 Hapi 框架开发应用时遇到跨域问题，我们可以使用 hapi-cors 插件来解决。hapi-cors 可以帮助我们配置哪些域名可以访问我们的应用，以及允许哪些 HTTP 方法和头部。在使用 hapi-cors 插件时，需要注意安全性和性能问题，比如不要允许所有域名访问、不要允许敏感头部、不要允许发送凭据等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fb7fd8d10417a22271750c