Easy-Mock模拟get接口和post接口实例

1.先创建项目，再新建接口

创建项目入口：首页右下角 + 按钮

创建接口入口如下图：

关于mock的语法这里不做说明，可查看mock.js官方查看更详情的资料。

小tip：在Easy-Mock里面支持em的语法提示。就是你输入em.会提示支持的选项。如下图：

2.接口实例

get接口举例：

接口地址：/user/getUserInfo

{

  "code": 200,

  "data": {

    "id": "471",

    "invite_code": "@string(5)",

  }

}

此时你访问接口，会返回你上面定义的数据：

post接口举例

接口地址：/user/getUserName?user_id=***

支持参数的判断，通过【_req.body.***】匹配你传过来的数据，返回不同的数据。

{

  "code": 200,

  "data": function({

    _req,

    Mock,

  }) {

    if (_req.body.user_id == "471") {

      /***

       * 如果你返回的数据需要支持Mock语法，则需要写在Mock.mock({})里面

       * 注意上面的Mock

      ***/

      let data = Mock.mock({

        "id": "471",

        "email": "@email"

      })

       /***

       * 如果你返回的数据不需要支持Mock语法，按下面这种写法即可，上面的Mock也不用写

      ***/

      // let data = {

      //   "id": "471",

      //   "email": "777777@qq.com"

      // }

      return {

        data

      }

    } else {

      return {

        "msg": "该用户不存在"

      }

    }

  }

}

访问这个接口：

不符合条件时：

符合条件时：

模拟分页加载接口举例：

接口地址：

/pay/toAccountList?page=1&pageSize=10

通过【_req.query.***】返回不同的数据。

{

  "code": 200,

  "msg": "获取成功",

  "data": {

    "rows": function({

      _req,

      Mock

    }) {

      let i = 0,

        _data = [],

        page = _req.query.page, //当前页数

        pageSize = _req.query.pageSize, //每次返回的条数

        len = (45 - pageSize * (page - 1)) < pageSize ? (45 - pageSize * (page - 1)) : pageSize;

      for (i; i < len; i++) {

        _data.push(

          Mock.mock({

            "id": "@id",

            "order_no": '@natural()',

            "price": '@float(100, 500, 2, 2)',

            "order_status": '@natural(0,3)',

            "order_time": '@datetime()',

          })

        );

      }

      return _data;

    },

    "total": 45

  },

}

巴特西