【前端学习】Apifox模拟前端mock教程

2.Apifox模拟前端请求mock

首先打开Apifox，新建一个数据模型。数据模型可以点击使用JSON格式新建，比如下面。

{
  "message": "操作成功",
  "code": 200,
  "data": {
    "id": "1",
    "name": "1号用户",
    "mobile": "13312345678",
    "email": "airchina@website.com",
    "role": "admin",
    "status": 1
  }
}

如果对指定参数有特定格式可以进一步设置，比如设置成枚举类型，弄完保存。

去新建一个接口，先把上面接口路径写了。然后到响应定义界面，选一下根节点数据类型，选最上面引用类型，然后选择刚刚定义的mock数据模型。

接着往下滑，新建一个示例。新建完后点右上角保存这个接口，会弹出来一个框，输下接口名称就行。

保存后点mock，复制mock地址中快捷请求的路径到上面的请求框，点击发送，可以看到下面请求成功。

到此完成模拟请求，可以去浏览器测试一下，复制上面的路径到浏览器，可以看到有成功的请求。