Mock

作者: shaokang 时间: March 29, 2024字数:436

背景

开发环境下,前端往往需要调用后端接口,但是后端接口可能尚未开发完成,或者接口返回的数据格式有变动,导致前端无法正常运行。因此,我们需要模拟后端接口返回数据来进行前期的开发。

Mock 方案

平台工具

  • Yapi: 具备权限管理、Mock、数据导入、自动化测试等功能
  • Apifox,相当于 Postman + Swagger + Mock + JMeter 组合。

请求拦截

  • MockJs: 拦截请求,返回模拟数据
  • MSW + Faker: Mock Service Worker 拦截请求 + Faker.js 生成模拟数据

浏览器插件

本地服务

  • json-server: 可以通过一个 JSON 文件快速创建一个模拟的 API 服务器
  • 自建服务器:express…