前言
在前端开发中，由于安全限制，我们不能直接从客户端（如浏览器）向另一个域名的服务器发起 HTTP 请求。这就是所谓的“跨域请求”。
为了确保我们的前端应用程序尽可能灵活，实现跨域请求是必不可少的。在这篇文章中，我们将介绍如何使用 Hapi.js 来实现 CORS，从而在你的应用程序中使用跨域资源共享 (CORS) 机制。
什么是 CORS？
CORS 是跨域资源共享的缩写，它是一种在浏览器端解决跨域问题的机制。通过使用 CORS，我们可以允许一个网站的某些页面请求访问该网站下的另一个页面、接口或资源。
主要作用：
- 允许服务器指明可以跨域访问的域名
- 允许浏览器判断某个请求是否被允许
- 允许服务器设置额外的响应头信息，包括跨域请求的 cookies 和认证信息等
Hapi.js 是什么？
Hapi.js 是一个基于 JavaScript 的应用程序框架，用于快速构建可扩展和易于维护的服务器端应用程序。它是一个高度可定制的框架，并且提供了一个强大的生态系统，包括插件、模板引擎和跨越（CORS）等模块。
如何在 Hapi 中实现 CORS？
Hapi.js 提供了一个跨域处理插件 hapi-cors（https://github.com/fknop/hapi-cors），可以轻松地实现跨域处理。
安装插件
在 Hapi 中实现 CORS，首先需要安装 hapi-cors 插件。你可以通过 npm 安装该插件：
npm install hapi-cors
引入插件
在入口文件（例如 app.js 或 index.js）中引入 hapi-cors 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- -------- - ---------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ---------
-------- --
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------- --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------配置插件
你需要配置 hapi-cors 插件来处理跨域请求。在启动函数中（如 init() 函数）向注册 hapi-cors 插件时，同时还可以配置选项：
await server.register({
plugin: HapiCors,
options: {
origins: ['*'], // 允许所有来源跨域
methods: ['POST, GET, PUT, DELETE, OPTIONS'], // 允许跨域的 HTTP 请求方法
allowedHeaders: ['Content-Type, Authorization'], // 允许跨域的 header 信息
}
});示例代码
下面是一个使用 Hapi.js 实现 CORS 的完整示例：
-- -------------------- ---- -------
----- ---- - ----------------------
----- -------- - ---------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------
------- ---------
-------- -
-------- ------ -- --------
-------- ------- ---- ---- ------- ---------- -- ----- ---- ----
--------------- --------------- ---------------- -- ----- ------ --
-
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------- --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------总结
CORS 是一种跨域资源共享机制，它允许我们跨域访问服务器资源。在 Hapi.js 中使用 hapi-cors 插件实现跨域请求是很容易的。通过从 npm 上安装和引用 hapi-cors 插件，你可以轻松地在你的 Hapi.js 应用程序中实现跨域请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65926612eb4cecbf2d734d3b