1. 什么是 tamper
tamper 是一个能够拦截和修改浏览器 HTTP 协议中请求及响应的 npm 包。它的作用是能够在请求和响应中，提供一些额外的信息，或者修改原有的信息以达到特定的需求。
2. 安装
使用 npm 指令，如下所示：
--- ------- ------ --
3. 使用
使用 tamper 包，可以分为两个阶段：1. 拦截请求；2. 拦截响应。下面我们将分别详细讲解。
3.1 拦截请求
- 安装 tamper 之后，可以在项目根目录下的 node_modules 目录下找到 tamper 这个包，然后在项目 JS 文件中导入它。
----- ------ - ------------------
- 使用 tamper，需要传入一些参数。
----------- ---------
其中，req 表示需要拦截的请求，options 是一个参数对象，包含一个 request 函数。
----- ------- - -
-------- -------- ----- --- -
-------- -----
--
--- 在
options.request函数中可以对请求进行修改。
----- ------- - -
-------- -------- ----- --- -
-- -----
----------------------------- - ---------
-- -------
------- - ----------------------------
-------- -----
--
--- 最后，使用
tamper对请求进行拦截。
----- ------- - -
-------- -------- ----- --- -
-- -------
-------- -----
--
--
----------- ---------3.2 拦截响应
- 安装 tamper 之后，导入包。
----- ------ - ------------------
- 类似于拦截请求，拦截响应同样需要传入参数。
------------ ---------
其中，resp 表示需要拦截的响应，options 是一个参数对象，包含一个 response 函数。
----- ------- - -
--------- -------- ----- ---- --- -
-------- -----
--
--- 在
options.response函数中可以对响应进行修改。
----- ------- - -
--------- -------- ----- ---- --- -
-- -----
------------------------------ ----------
-- -----
----- ---------- - ---
-------------- -------- ------- -
-----------------------
--- -
----- ---- - -------------------------------------------------
---------- - ---------
-------- ------
- ----- ----- -
--------
-
---
--
--- 最后，使用
tamper对响应进行拦截。
----- ------- - -
--------- -------- ----- ---- --- -
-- -------
-------- -----
--
--
------------ ---------4. 总结
使用 tamper，可以很方便地拦截和修改 HTTP 请求和响应。在前端开发中，使用 tamper 可以非常方便地进行单元测试、数据 mock、数据过滤等一些列操作，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/63752