跨域是指在浏览器中，当一个页面向不同域名、不同端口或不同协议的服务器发起请求时，浏览器会拦截这个请求，这是由于浏览器的同源策略所导致的。在前端开发中，跨域是一个常见的问题，因为我们通常需要从不同的服务器获取数据。本文将介绍如何在 Hapi 应用中进行跨域处理。
跨域处理的原理
在 Hapi 中，跨域处理是通过设置响应头来实现的。在 HTTP 协议中，响应头是由服务器发送给客户端的一组键值对，用于告诉客户端如何处理响应。当客户端收到响应后，会根据响应头的内容来执行相应的操作。跨域处理就是通过设置响应头中的一些字段，来告诉浏览器如何处理跨域请求。
Hapi 跨域处理的方法
在 Hapi 应用中，跨域处理可以通过使用 hapi-cors 插件来实现。hapi-cors 是一个专门用于处理跨域请求的插件，它可以很方便地设置响应头中的字段，从而实现跨域请求。
安装 hapi-cors
在使用 hapi-cors 插件之前，我们需要先安装它。可以通过 npm 来安装：
npm install hapi-cors --save
注册 hapi-cors 插件
安装完成后，我们需要在 Hapi 应用中注册 hapi-cors 插件。在 Hapi 应用中注册插件非常简单，只需要在应用启动时调用 server.register 方法即可：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - --- --------------
-------------------
----- -----
----- -----------
---
-----------------
--------- ---------------------
-------- -
-------- ------
-------- ------- ---- ---- ---------
-------- ---------- --------------- ----------------
-
-- ----- -- -
-- ----- -
--------------------- -- ---- --------- -----
-
---
------------------ -- -
-- ----- -
--------------------- -- ----- --------- -----
-
------------------- ------- ----- -----------------
---在上面的代码中，我们使用 server.register 方法来注册 hapi-cors 插件。在 options 中，我们可以设置一些跨域处理的参数，包括：
origins：指定允许访问的域名，可以是一个数组，也可以是一个字符串。如果为'*'，则允许所有域名访问。methods：指定允许的请求方法，可以是一个数组，也可以是一个字符串。如果为'*'，则允许所有请求方法。headers：指定允许的请求头，可以是一个数组，也可以是一个字符串。如果为'*'，则允许所有请求头。
示例代码
下面是一个完整的示例代码，展示了如何在 Hapi 应用中使用 hapi-cors 插件进行跨域处理：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - --- --------------
-------------------
----- -----
----- -----------
---
-----------------
--------- ---------------------
-------- -
-------- ------
-------- ------- ---- ---- ---------
-------- ---------- --------------- ----------------
-
-- ----- -- -
-- ----- -
--------------------- -- ---- --------- -----
-
---
--------------
------- ------
----- ------------
-------- --------- ------ -- -
------------ ---------
-
---
------------------ -- -
-- ----- -
--------------------- -- ----- --------- -----
-
------------------- ------- ----- -----------------
---在上面的示例代码中，我们创建了一个 Hapi 应用，并在其中注册了 hapi-cors 插件。在路由中，我们创建了一个 /api/test 的路由，并返回了一个字符串。当我们在浏览器中访问这个路由时，由于设置了跨域处理，浏览器不会拦截请求，而是直接返回了响应。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d3bf1fa941bf7134717831
