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 生成模拟数据，并作为响应数据返回。