在 web 开发中，跨域请求是经常遇到的问题。 跨域请求是指在同一页面上的请求涉及多个源。在本文中，我们将介绍如何在 Hapi.js 应用程序中实现跨域请求。
跨域请求基础知识
跨域请求在安全方面是必需的，因为它防止了一个网站访问另一个网站上的敏感信息。跨域请求是在同一端口之间进行的请求，或者是在不同端口之间进行的请求。在 Hapi.js 应用程序中，跨域请求在不使用前端框架的情况下可能会导致跨域请求失败。
Hapi.js 如何支持跨域请求
一个典型的 Hapi.js 配置如下：
-- -------------------- ---- ------- ---- -------- ----- ---- - ---------------------- ----- ---- - ----- -- -- - ----- ------ - ------------- ----- ----- ----- ----------- --- -------------- ------- ------ ----- ---- -------- ----- -- -- - ------ ------ -------- - --- ----- --------------- ------------------- ------- --- --------------------- -- -------------------------------- ----- -- - ----------------- ---------------- --- -------
要允许来自不同源的跨域请求，请使用 hapi-cors-headers 插件。安装和配置该插件可以在 Hapi.js 应用程序中支持跨域请求。
安装 hapi-cors-headers 插件
执行以下命令安装插件：
npm install --save hapi-cors-headers
配置 hapi-cors-headers 插件
将以下代码段添加到您的 Hapi.js 配置中：
await server.register(require('hapi-cors-headers'));hapi-cors-headers 插件允许您为允许的来源设置一组默认选项。 标准选项包括：所有、任何、无限制、与当前请求相同，以及自定义。您可以使用默认选项，也可以指定自己的选项。以下是默认选项的代码：
await server.register({
plugin: require('hapi-cors-headers'),
options: {
default: {
origin: ['*']
}
}
});默认情况下，跨源访问允许所有来源。如果您需要更精细的控制，则可以禁用默认设置，并使用特定允许列表。
-- -------------------- ---- ------- ----- ----------------- ------- ----------------------------- -------- - --------- - -- --- ------ ---- ---- ------- --- ---- ------ ----- ------- -- ------- ------- ------ -------- ---------- ---------------- --------------- ---------------- ------------------- --------------- -------------------- ------------------------ ------------------------- ----- ----- ------- --- ------------ - ---------- ----- - -- ------- - - ----- --------- -------- ------ -- -------- ------------------------- -- ---------------------- --------------------- -- ----- -------- -------- ------- -- ------- --------- --- ---- ------- -- ----- --- ------- -------- ------------- --------------- ----------------- ------------------- ------- --- ------------------ - -- - ---
跨域请求示例代码
以下示例代码演示了如何在 Hapi.js 中实现跨域请求。 在这个例子中，我们创建了一个 Hapi.js 应用程序和一个路由，然后使用 hapi-cors-headers 插件来启用跨域请求。
-- -------------------- ---- ------- ---- -------- ----- ---- - ---------------------- ----- ---- - ----- -- -- - ----- ------ - ------------- ----- ----- ----- ----------- --- -------------- ------- ------ ----- --------- -------- --------- -- -- - ------ ------ -------- - --- ----- ----------------- ------- ----------------------------- -------- - ------- -------------------------- -------- ------- ------- ------ - --- ----- --------------- ------------------- ------- --- --------------------- -- -------------------------------- ----- -- - ----------------- ---------------- --- -------
现在，您就可以在前端应用程序中使用 AJAX 调用来从 Hapi.js 应用程序中获取数据了。
总结
跨域请求技术在 web 开发中是必不可少的。 在 Hapi.js 应用程序中，使用 hapi-cors-headers 插件启用跨域请求非常简单。 通过使用插件，您可以更好地控制跨域请求，并帮助保护您的应用程序免受恶意攻击。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6465ada2968c7c53b0658968