最近，随着前端技术的不断发展，Redux 作为一种状态管理库也越来越受到了广泛的关注。而在 Redux 中，API 中间件则是一种常用的解决方案。今天，我们就来介绍一下如何使用 NPM 包 @ngocketit/redux-api-middleware。
什么是 @ngocketit/redux-api-middleware
@ngocketit/redux-api-middleware 是一个 Redux 中间件，它可以让你更方便地处理与服务器的数据交互。这个中间件封装了一些常用的 API 请求，如 GET、POST 等。而且该中间件还提供了一套完整的错误处理机制，可以方便的处理请求失败时的错误信息。
如何安装和使用 @ngocketit/redux-api-middleware
npm install @ngocketit/redux-api-middleware --save
使用 @ngocketit/redux-api-middleware 非常简单。只需要在 Redux store 中配置它，就可以在 Action 中使用它进行网络请求了。
import { applyMiddleware, createStore } from 'redux';
import apiMiddleware from '@ngocketit/redux-api-middleware';
const store = createStore(
reducer,
applyMiddleware(apiMiddleware)
);
在 Action 中，要发起一次网络请求，只需要在 Action 的 payload 中传递一个 api 对象就可以了。
-- -------------------- ---- -------
------ ----- ------- - -- -- --
----- -------------------
-------- -
---- -
---- ------------
------- -----
-
-
---@ngocketit/redux-api-middleware 的错误处理
@ngocketit/redux-api-middleware 提供了一套完整的错误处理机制，可以让我们更加容易地处理请求失败时的错误信息。
在 Action 中，只需要定义 FAILURE 类型的 Action 就可以处理请求失败时的错误信息。
-- -------------------- ---- -------
----- -------------- - ------ -- --
----- -------------------
-------- ----
---
----- -------------- - ------- -- --
----- -------------------
-------- ------
------ ----
---
------ ----- ------- - -- -- --
----- -------------------
-------- -
---- -
---- ------------
------- ------
------------ -------------------
------------ ------------------
-
-
---在上面的代码中，我们定义了一个 FAILURE 类型的 Action，这个 Action 可以接收到请求失败时的错误信息。我们可以在 Reducer 中对这个错误进行处理。
总结
通过本文的介绍，我们可以看到 @ngocketit/redux-api-middleware 可以让我们更方便的进行与服务器的数据交互。因此，我们可以更加轻松地开发出一个完整的 Web 应用程序。当然，在使用过程中也需要注意一些细节的问题，但总体来说，这个中间件的使用还是比较简单的。希望本文可以对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552f181e8991b448d057b