关于前端:用-Apifox-的-Mock-功能模拟常见业务数据的最佳方法

Apifox 领有弱小的 Mock 性能，兼容 Mock.js 语法 的同时还提供 Nunjucks 和自定义脚本反对，可能满足不同场景需要。

明天给大家分享一些常见业务场景的 Mock 应用技巧，当然，实现的办法不惟一。在开始之前，你须要将 Apifox 的以后环境切换为 「本地 Mock」 或 「云端 Mock」 环境。

要模仿一些简略的数据，只需在 「返回响应」 里定义字段，零碎便会 主动应用「智能 Mock」规定生成数据。

响应字段能够是简略的数据结构，也能够是简单的数据结构（如嵌套对象、数组等）。

通过 「智能 Mock」 主动生成的数据：

当页面须要展现多条数据（如文章列表、商品列表等）时，要疾速生成几十条甚至几百条数据，能够在 「高级 Mock」里新建一个「冀望」，并通过 Nunjucks 语法写一个 for 循环即可。

或者更简略一点，不应用「高级 Mock」，间接限定字段的 「最大 / 最小元素个数」 即可：

生成的示例数据：

当数据须要分页展现时，能够在「高级 Mock」外面编写脚本来模仿分页数据。

自定义的脚本反对获取接口的申请参数，你能够依据申请参数（比方当前页、页容量）来实现不同的业务逻辑。

例如当初设置一个 “总数据有 120 条，每页的页容量为 100 条，依据不同的页码返回不同数据” 的脚本，其脚本如下：

当前页为 1，页容量为 100 时，返回 100 条数据：

当前页为 2，页容量为 100 时，返回 20 条数据（因为总共 120 条数据，到第二页时只剩 20 条）：

当前页为 3，页容量为 100 时，返回 0 条数据（因为总共 120 条数据，到第三页时曾经没有数据了），你也能够抉择在这里定义“抛出谬误”的脚本。

在理论网络环境中，接口响应会有肯定的提早。模仿提早能够测试加载状态下的页面展现成果，确保用户体验良好。

要模仿提早非常简单，只须要 在「高级 Mock」的「冀望」里设置返回延迟时间 即可：

测试利用的错误处理和容错机制时，能够模仿不同类型的谬误响应，如 404 Not Found、500 Internal Server Error 等。

同模仿提早一样，模仿谬误状态也只须要 在「高级 Mock」的「冀望」里设置返回的 HTTP 状态码 即可：

诚然，通常应用 Mock 数据的申请次要是 GET 申请。然而，尽管 Apifox Mock 自身更加专一于模仿 GET 申请，然而你依然能够应用一些技巧来模仿其余类型的申请，如 PUT、DELETE、POST 等。

假如你正在开发一条登录接口，你可能会思考登录胜利以及登录失败的状况，这时候就能够 在「高级 Mock」里新建不同的「冀望」，以返回不同的预期。

Apifox 提供了多种 Mock 办法，可能轻松生成演示数据，模仿各种场景，高效晋升开发和测试效率。它既反对前端独立开发，也可集成到 自动化测试 中，是接口开发调试的好帮手。

更多 Mock 相干常识：

模仿简略数据