在前后端分离的项目开发中，MockJS扮演了重要角色，它解决了前端开发等待后台数据的问题。MockJS能生成随机数据并拦截Ajax请求，使得前端可以独立进行页面静态化工作。在Vue项目中，结合axios，MockJS可以返回虚拟数据以模拟接口响应，提高开发效率。只需在mock模块创建js文件，定义返回字段，即可在页面加载时自动发送数据请求并展示数据。
引入mock.js原因
在采用前后端分离开发项目过程中，由于前后端开发并行，二者开发速度并不始终相等，而前端又必须等待后台提供数据进行真实信息的验证。为了解决这个问题，我们使用了mockjs。前端开发可以参照ui设计图，完成对应的静态页面（没有数据交互），待后台开发完成后，在进行二次开发，完成接口对接。
mock.js 介绍
生成随机数据，拦截Ajax请求
这是在官网上的介绍，很简单的描述，但是刚好满足了我们当前的需求。
mock使用
安装：
npm install mockjs --save
npm install axios --save
在项目中前端使用vue进行开发，通过axios进行网络请求，mockjs的作用就是拦截axios的ajax请求，并返回虚拟数据。
使用
在mock模块中建立自己的js文件
在其中编写内容：
在vue中发送的网络请求：
关于具体的mockjs所返回字段的定义，可以查询官网的示例：
http://mockjs.com/examples.html#String
项目中使用：
每点击一个页面 酒后发送一次数据请求，在表格中进行展示：
扫一扫
22万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
