前言
在前端开发中，我们经常需要搭建本地服务、调试接口等等。为了方便快捷，我们可以使用 foundry-hapi-server npm 包来完成这些事情。本篇文章将会为大家介绍如何使用该 npm 包，并附上相关示例代码。
安装
在命令行中执行以下命令：
npm i foundry-hapi-server --save-dev
安装完成后，我们就可以直接在项目中使用 foundry-hapi-server 包。
使用
修改配置文件
我们需要在项目根目录下新建一个 .foundryrc.js 文件，文件内容如下：
-- -------------------- ---- -------
-------------- - -
------- -
----- ---- -- -------
--
------ -
-
----- -------
--- ----------------------- -- -----------
-
-
--以上配置文件中，我们定义了本地服务的端口号 8080，同时也配置好了一个代理请求的后端服务地址 http://localhost:3000。在实际使用时，我们只需要将以上配置文件中的参数修改为我们自己的参数即可。
启动服务
在命令行中执行以下命令：
npx foundry-hapi-server
执行完以上命令后，我们就可以在浏览器中通过 http://localhost:8080 来访问我们本地搭建的服务了。如果我们在代码中发送请求，那么请求会被代理到 http://localhost:3000 后端服务。
示例代码
以下为示例代码：
修改配置文件
在项目根目录下新建一个 .foundryrc.js 文件，文件内容如下：
-- -------------------- ---- -------
-------------- - -
------- -
----- ----
--
------ -
-
----- -------
--- --------------------------------------
-
-
--发送请求
fetch('/api/posts') // 本地服务会将请求代理到 https://jsonplaceholder.typicode.com/posts
.then(res => res.json())
.then(posts => console.log(posts));总结
通过本文的介绍，我们了解了如何使用 foundry-hapi-server 包来搭建本地服务并代理请求。对于前端开发人员来说，这是一个非常实用的 npm 包。希望本文对大家有所启发，让大家能够更加方便快捷地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554d281e8991b448d206b