Polly.js 是一款流行的 JavaScript 库，它能够帮助你记录并回放 AJAX 请求和响应。在前端开发过程中，这非常有用，因为它可以让你测试前端代码、调试网络请求、模拟 API 请求，并对性能进行测试。@pollyjs/persister-rest 这个 npm 包提供了一种持久化 Polly 档案的方法。在这篇文章中，我们将涵盖如何使用 @pollyjs/persister-rest 包进行持久化 Polly.js 档案。
安装
首先，请确保你已经在项目中安装了 Polly.js。如果没有，你可以通过以下方式进行安装：
npm install -D @pollyjs/core @pollyjs/adapter-xhr
接着，安装 @pollyjs/persister-rest 包：
npm install -D @pollyjs/persister-rest
使用 @pollyjs/persister-rest
在你的代码中，你需要引入 @pollyjs/persister-rest 并实例化一个 Persister 对象：
import PersisterRest from '@pollyjs/persister-rest';
const persister = new PersisterRest('/base/pollyjs/');这里我们实例化了一个 PersisterRest 对象，并指定了一个目录路径作为参数。这个路径用于存储持久化 Polly.js 档案，并在每次测试结束后读取存储的档案。
这里的目录路径我们设置为 '/base/pollyjs/'，但你也可以设置为其它路径。只要确保路径存在、且具有写入文件的权限即可。
接下来，你需要在实例化 Polly.js 对象时，将 Persister 对象作为参数传入。在如下示例中，我们引用了 @pollyjs/core 包和 @pollyjs/adapter-xhr 包：
-- -------------------- ---- ------- ------ - ----- - ---- ---------------- ------ ---------- ---- ----------------------- --------------------------- ----- ----- - --- ------------- - --------- -------- --------- ---
在本示例中，我们将 Persister 对象传入 Polly 构造函数中，并向 adapters 配置项中添加了 XHRAdapter。
所有请求/响应数据都将被存储到指定的目录路径中。
现在我们可以开始录制一些 AJAX 请求并将它们存储为 Polly.js 档案：
-- -------------------- ---- -------
------------
----------------
---------------- ---- -- -
----------------------------- --------------------
---------------------- -------- -------- -------- ---
---
---------------- -
------- -------
-------- - --------------- ------------------ --
----- ---------------- --------- ------ --------- ------------- --
---在这个示例中，我们创建了一个 POST 请求，将在服务器上处理 /signup 路径。首先，我们配置了一些请求/响应头。接着，我们使用 fetch() API 发送了一个 POST 请求，请求体中包含了用户名和密码。
Polly.js 会捕获这个请求，并将其存储到指定的目录中。在下次运行时，Polly.js 会回放这个请求，并返回预先存储的响应。
指导意义
使用 @pollyjs/persister-rest 这个 npm 包，可以帮助前端开发人员更有效率地进行前端测试、调试网络请求、模拟 API 请求并对性能进行测试。
此外，由于我们使用了 @pollyjs/persister-rest 这个持久化包，我们可以确保每次运行测试时，都使用了事先存储的请求和响应，从而确保了测试环境的一致性。
因此，学习和使用 @pollyjs/persister-rest 对于前端开发者来说是非常重要的，因为它可以让他们更好地控制测试环境，减少错误并提高生产力。
结论
在这篇文章中，我们介绍了如何使用 @pollyjs/persister-rest 这个 npm 包，将 Polly.js 档案持久化到本地机器中。我们探讨了如何在代码中实例化 PersisterRest 对象、如何将 Persister 对象传入 Polly 构造函数，并向您展示了如何录制和回放 AJAX 请求。
此外，我们还讨论了使用这个包的指导意义，并强调了在前端开发过程中学习和使用持久化 Polly.js 档案的重要性。
我们希望这篇文章能够帮助你了解 @pollyjs/persister-rest 的使用，从而更轻松地进行前端测试、调试和性能测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/pollyjs-persister-rest