Open huandie2012 opened 6 years ago
有些小伙伴可能对Mock还不太熟悉，首先介绍一下Mock什么？ Mock是前后端分离，增加单元测试的真实性（增加随机数据、模拟各种场景），开发无侵入（无需修改即有代码就可以拦截Ajax请求），数据类型丰富（支持生成随机的文字、数字、布尔值、日期、邮箱、链接、图片、颜色等），方便扩展（支持扩展更多数据类型、支持自定义函数和正则）的一种工具。 其实我们一般用它来模拟接口数据，它的作用就是拦截ajax请求，把假的数据传入回调函数中，在后端接口还未开发完成的时候，前端可以将联调工作提前进行了~ 它和我们直接定义一个json数据来调试还是有很大区别的，Mock数据更贴近真实、没有太多雷同的数据，不需要我们一个个写，节约我们的时间成本；而且更重要的是在接口开发完之后，我们不需要重新写ajax，重新整理数据结构。 我们先用mock写好我们需要返回的数据，相当于ajax中success返回的对象，这里是produceNewsData，可以直接把它定义为一个普通的对象。之后再生成mock时给它起一个url名称就可以了。 我们在组件中写好ajax请求，将返回值赋值给vue的data下的对应的key，
有些小伙伴可能对Mock还不太熟悉，首先介绍一下Mock什么？ Mock是前后端分离，增加单元测试的真实性（增加随机数据、模拟各种场景），开发无侵入（无需修改即有代码就可以拦截Ajax请求），数据类型丰富（支持生成随机的文字、数字、布尔值、日期、邮箱、链接、图片、颜色等），方便扩展（支持扩展更多数据类型、支持自定义函数和正则）的一种工具。 其实我们一般用它来模拟接口数据，它的作用就是拦截ajax请求，把假的数据传入回调函数中，在后端接口还未开发完成的时候，前端可以将联调工作提前进行了~ 它和我们直接定义一个json数据来调试还是有很大区别的，Mock数据更贴近真实、没有太多雷同的数据，不需要我们一个个写，节约我们的时间成本；而且更重要的是在接口开发完之后，我们不需要重新写ajax，重新整理数据结构。
我们先用mock写好我们需要返回的数据，相当于ajax中success返回的对象，这里是produceNewsData，可以直接把它定义为一个普通的对象。之后再生成mock时给它起一个url名称就可以了。
我们在组件中写好ajax请求，将返回值赋值给vue的data下的对应的key，