在前端开发中，常常需要使用服务器提供的 API 接口来获取数据或者进行数据的存储。而 mss-adapter 是一款可以帮助我们在前端中快速进行 API 请求的 npm 包。在本篇文章中，我们将学习如何使用 mss-adapter 进行 API 请求，以及其它相关的使用技巧。
安装 mss-adapter
使用 npm 安装 mss-adapter：
npm install mss-adapter --save
引入 mss-adapter
在前端工程的入口处引入 mss-adapter：
import { Adapter } from 'mss-adapter';发送请求
发送 POST 请求：
-- -------------------- ---- -------
----- ------ - -
---- -------------------------
------- -------
----- -
---- -----
-
--
-------------------------------- -- -
-----------------
-------------- -- -
---------------------
---请求拦截器
mss-adapter 还提供了请求拦截器的功能，可以在每个请求发送之前进行拦截。例如，我们可以在每个请求头部添加一个 Authorization 字段：
Adapter.interceptors.request.use(config => {
config.headers.Authorization = 'Bearer ' + getToken();
return config;
}, error => {
return Promise.reject(error);
});响应拦截器
响应拦截器可以对返回的数据进行处理，例如对特定的数据格式进行解析：
Adapter.interceptors.response.use(response => {
if (response.data && response.data.success === false) {
return Promise.reject(response.data);
}
return response.data;
}, error => {
return Promise.reject(error);
});示例代码
-- -------------------- ---- -------
------ - ------- - ---- --------------
--------------------------------------- -- -
---------------------------- - ------- - - -----------
------ -------
-- ----- -- -
------ ----------------------
---
------------------------------------------ -- -
-- -------------- -- --------------------- --- ------ -
------ ------------------------------
-
------ --------------
-- ----- -- -
------ ----------------------
---
----- ------ - -
---- -------------------------
------- -------
----- -
---- -----
-
--
-------------------------------- -- -
-----------------
-------------- -- -
---------------------
---结束语
本文介绍了如何使用 mss-adapter 发送 API 请求，并且包含了拦截器的使用。希望读者通过学习本文，能够对 mss-adapter 有更深入的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055da581e8991b448db5f4