mock数据

mock数据有很多的方法，现在我请教别人，问了一下大佬的的mock方法，她给我说的一个mockjs，我心血来潮，就去浅尝试了一下，接下来我们直接实例上面见。

大家可以很清晰的看见调用了一个mock的方法，参数为一个对象。 我们打印出来可以清晰看见：

这个是mock方法的定义类型由此可见，里面是引用了正则去对字符串的匹配

我们借用antd里面的一种表格，mock一下表格里的数据 生成数据的规则 数据模板

每个属性由3部分构成：属性名、生成规则、属性值

name: 属性名

rule：生成的规则

value：属性值

'name|rule': value

数据占位符

Mock.mock({
    name: {
        first: '@FIRST',
        middle: '@FIRST',
        last: '@LAST',
        full: '@first @middle @last'
    }
})

总结： mockjs 的作用：生成随机数据 & 拦截异步请求 在开发过程中，后端接口没有开发好，前端可以使用 mock.js 来模拟接口 如果前期前端使用 mockjs 来模拟后端接口，等到后端的接口开发完成之后，需要将接口从 mock 中切换到后端接口中，这个过程叫做前后端联调 往往自己使用 mock 来生成数据运行项目是没有问题的，但是一旦切换到后端的接口中后，可能会出现问题。所以一般前后端联调都是项目上线之前的最后一步。