简介
在前端开发过程中，很多时候需要与后端进行接口调用，处理数据等操作。npm 作为前端生态圈中的包管理器，为开发者提供了极大的便捷，insper-service-base 就是一款为简化前端与后端 HTTP 请求对接而设计的 npm 包。
安装
使用 npm 包管理器进行安装，执行以下命令即可：
npm install insper-service-base --save
使用方法
导入模块
安装成功后，我们可以在代码中导入模块并初始化。
import ServiceBase from "insper-service-base";
// 创建服务实例，传入 API 基础地址
const service = new ServiceBase("http://localhost:8080");GET 请求
使用 GET 请求需要传入 API 地址和一些参数（可选），示例如下：
-- -------------------- ---- -------
-- -- -- ------
----------------------------------- -- -
----------------------
---
-- ------
-------
------------- -
----- --
------ ---
--
----------- -- -
---------------------------
---POST 请求
使用 POST 请求需要传入 API 地址和请求数据，示例如下：
-- -------------------- ---- -------
-- ----
-------
-------------- -
----- --------
---- ---
--
----------- -- -
----------------------
---PUT 请求
使用 PUT 请求需要传入 API 地址和请求数据，示例如下：
// 修改数据
service
.put("/user/123", {
name: "newName",
})
.then((res) => {
console.log(res.data);
});DELETE 请求
使用 DELETE 请求需要传入 API 地址，示例如下：
// 删除数据
service.delete("/user/123").then((res) => {
console.log(res.data);
});总结
insper-service-base 是集成了一些常用 HTTP 请求方法的 npm 包，在前端开发中可以大大简化与后端数据交互的复杂度。使用时只需引入模块并初始化一个服务实例，即可快速发送 GET、POST、PUT、DELERE 请求。本文通过示例对这个包的使用方法进行了简要介绍。
拓展阅读
- insper-service-base GitHub
- axios - 一个基于 Promise 的 HTTP 库，也是 insper-service-base 的底层依赖
示例代码
-- -------------------- ---- -------
------ ----------- ---- ----------------------
-- --------- --- ----
----- ------- - --- -------------------------------------
-- -- -- ------
----------------------------------- -- -
----------------------
---
-- ------
-------
------------- -
----- --
------ ---
--
----------- -- -
---------------------------
---
-- ----
-------
-------------- -
----- --------
---- ---
--
----------- -- -
----------------------
---
-- ----
-------
----------------- -
----- ----------
--
----------- -- -
----------------------
---
-- ----
-------------------------------------- -- -
----------------------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733f890c4f7277583652