CORS（Cross-Origin Resource Sharing）是一种在 Web 应用中用于解决跨域资源访问的机制。在前端开发中，我们经常会遇到需要在不同的域名下访问资源的情况，比如在前端应用中访问后台 API，而这些 API 可能位于不同的域名下。这时候，我们就需要使用 CORS 机制来允许跨域访问。
在 Hapi 应用中，我们可以通过使用 hapi-cors 插件来实现 CORS。本文将介绍如何在 Hapi 应用中配置和使用 hapi-cors 插件。
安装 hapi-cors 插件
首先，我们需要安装 hapi-cors 插件。可以通过 npm 命令来安装：
npm install hapi-cors --save
配置 hapi-cors 插件
在 Hapi 应用中，我们需要在启动应用时配置 hapi-cors 插件。以下是一个简单的示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ----------- - -----------------------------
----- ------ - --- --------------
-------------------
----- ------------
----- ----
---
-----------------
--------- ---------------------
-------- -
-------- ------
-------- ---------- ---------------- --------------- -----------------
------- ---
------------ -----
-------------- -------------------- ------------------------
-------- ------- ------- ------ --------- ----------
-
-- ----- -- -
-- ----- -
----- ----
-
--------------------------- -------------
---
------------------ -- -
-- ----- -
----- ----
-
------------------- ------- --- ---------------------
---在上面的示例中，我们使用了 hapi-cors 插件，并传入了一些配置选项。以下是这些配置选项的说明：
origins：指定允许的来源。可以使用通配符*表示允许所有来源。headers：指定允许的请求头列表。maxAge：指定预检请求的缓存时间。credentials：指定是否允许发送 Cookie 等凭证信息。exposeHeaders：指定允许客户端访问的响应头列表。methods：指定允许的 HTTP 方法列表。
在注册 hapi-cors 插件后，我们还需要在 server.ext 方法中注册一个回调函数，以解决跨域访问时可能出现的一些问题。这里我们使用了 hapi-cors-headers 插件来实现这个回调函数。
使用 hapi-cors 插件
在配置好 hapi-cors 插件后，我们就可以在 Hapi 应用中使用 CORS 机制了。以下是一个简单的示例：
server.route({
method: 'GET',
path: '/api/data',
handler: (request, reply) => {
reply('Hello, world!');
}
});在上面的示例中，我们定义了一个 GET 请求的路由，路径为 /api/data，并返回了一个字符串。如果我们使用 AJAX 或 Fetch API 来访问这个 API，由于我们已经配置了 hapi-cors 插件，因此就可以跨域访问这个 API 了。
总结
在本文中，我们介绍了如何在 Hapi 应用中配置和使用 hapi-cors 插件来实现 CORS 机制。通过配置 hapi-cors 插件，我们可以轻松地解决跨域访问的问题，从而提高 Web 应用的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66110b2dd10417a2221bc8c4