天天看点

Mock拦截请求URL返回模板数据Mock拦截请求URL返回模板数据

Mock拦截请求URL返回模板数据

背景 :

前后端开发依赖后端数据, 当前端页面开发完成 ,后端在没有提供前端数据的情况下 ,前端无法测试,

导致开发效率低 ,速度慢 ,为了解决这一问题 ,通过Mock模拟生成数据在不改变原有代码前提下拦截url返回数据。

开始实验

1、随机生成长度1~3的数组

// array数组
    var data = Mock.mock({
        'list|1-3': [{// 属性 list 的值是一个数组,其中含有 1 到 10 个元素
            'id|+1': 1, // 属性 id 是一个自增数,起始值为 1,每次增 1
            'name|1':"吴小明",  //字符串
            "city": {
                'number|1':"03443",
                'cityname|1':"北京"
              }
        }]
    })
           

2、拦截url 返回生成数据

Mock.mock( rurl, template )

记录数据模板。当拦截到匹配 rurl 的 Ajax 请求时,将根据数据模板 template 生成模拟数据,并作为响应数据返回。