【Mock数据】fastmock根据传入参数动态返回mock内容

在项目中的一般逻辑是,前端发起请求,后端接收参数,经过逻辑处理后返回数据给前端。也就是说,后端返回什么数据取决于前端传过去什么数据,因此,mock数据时,死数据是有很大的局限性的。fastmock则提供了解决方案,支持从请求中获取数据然后再返回对应的响应信息。

fastmock支持以下四种数据:

  • restful链接参数:如/user/1,对应数据为{id: 1},获取方式为_req.params.id

  • query查询参数:如/user?username=Amour,获取方式为_req.query.username。常用于get请求

  • body请求体数据:参数在request body中,获取方式为_req.body.key。常用于post请求

  • headers头部信息:获取方式为_req.headers.key。常用的场景是接口的token验证,获取方式为_req.headers.token

根据入参数据动态返回mock内容

使用方法

在原有json数据的基础上,需要动态返回的值不是具体的某个值或者mock规则,而是一个函数,函数接收两个参数,分别是_req和Mock(变量名不可更改

{
    // 两个参数用{}包着,不要遗漏,否则会报错
    "username":function({_req,Mock}){
        从_req中取值
        逻辑处理
        ......
        返回数据
    }
}

function参数说明

 下面来看个简单的例子

在fastmock中创建接口,接口内容如下:

{
    "msg":function({_req,Mock}){
        let query = _req.query;
        let username = query.username;
        let password = _req.query.password;
        if (username == "admin" && password == "123456"){
            return "登陆成功";
        }else{
            return "用户名或密码错误";
        }
    }
}

 用户名为admin且密码为123456时,返回登录成功信息;否则提示用户名或密码错误

接口创建好之后我们去请求。直接在浏览器访问,会出现一个类似于postman的页面,左边是请求和响应信息,右边是发送请求的参数和方式等。

 上面是get请求的界面,如果是post请求,会显示body区域,可以在这里写入参数,就不会拼接到url上了。

 更多资料请看fastmock出的文档:https://marvengong.gitee.io/fastmock/#/restful

以上。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值