简介
npm是一个包管理工具，也是在前端开发过程中常用的工具之一。它能够方便的下载和安装我们所需要的第三方模块或者开源组件。http-interceptors是一个基于npm的包，它是拦截器。
安装
http-interceptors可以通过npm安装，输入以下指令即可在终端安装：
npm install http-interceptors
安装完成后，我们需要将包引入到项目中，可以使用require()或者ES6 import的方式引入。
//使用require引入
const httpInterceptors=require('http-interceptors');//使用ES6 import引入 import httpInterceptors from 'http-interceptors';
使用方法
http-interceptors可以用来拦截所有http请求的响应和请求。使用http-interceptors非常简单，它只需要一个options对象作为参数传递进去，然后它就会返回一个拦截器对象。接着，我们可以使用options对象来定义我们所需要的拦截器逻辑。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ---------------- - ---------------------------- ----------------------
--- ------- - - ---------
-------- ----------------- -
------------------------------- - -------------------
------ --------
--
--------- ------------------ -
-- -------------------- --- ---- -
------------------- -------- --- ---------
-
------ ---------
-
--
--- ----------- - -----------------------------------
-------------------------------------------------- --------------- --------- ----- - -------------
-- ------- -- ------------------- -- ---- -
------------------ -- ------
-
---options对象
在使用http-interceptors时，我们需要通过options对象来定义我们所需要的拦截器逻辑。options对象包含以下几个属性：
request: 它是一个函数，用来拦截所有的http请求，可以修改请求头或者请求体，并返回一个新的请求对象。response: 它是一个函数，用来拦截所有的http响应，可以对响应进行处理，并返回一个新的响应对象。error: 它是一个函数，用来拦截所有的http错误，可以对错误进行处理，并返回一个新的错误对象。success: 它是一个函数，用来拦截所有的http成功响应，可以对成功响应进行处理。
如果我们不需要某一个拦截器逻辑，可以直接传递一个空函数或者undefined来代替。
下面是一个更加详细的示例代码：
-- -------------------- ---- -------
--- ------- - -
-------- ----------------- -
---------------------- ---------
-------------------------------- - ------- - - ------
------ --------
--
--------- ------------------ -
----------------------- ----------
-- -------------------- --- ---- -
------------------- -------- --- ---------
-
------ ---------
--
------ --------------- -
-------------------- -------
------ ------
--
-------- ------------------ -
---------------------- ----------
-
--
--- ----------- - -----------------------------------
-------------
-------------------------------------------------- --------------- --------- ----- -
-- ------- -- ------------------- --- ---- -
------------------ -- ------
-
---总结
我们可以通过npm包http-interceptors来拦截所有的http请求和响应。http-interceptors使用起来非常简单，只需要传递一个options对象作为参数即可。options对象包含request、response、error和success属性，用来定义拦截器逻辑。使用它可以方便的对http请求和响应进行处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005605481e8991b448de7bb