Mockjs--前后端分离，模拟接口

什么是Mockjs

Mock.js官方网址： 
首页：http://mockjs.com/
在Mockjs的官网中，就直接能看到这样的一句话：生成随机数据，拦截Ajax请求。

这句话集中体现了Mock.js能够干什么！

Mockjs的使用场景
如今，前端所承载的东西越来越多，前后端分离开发已经渐渐成为趋势。

前端开发，离不开数据展示，这个时候，需要一些相对真实的，能够模拟数据的需求就越发的强烈了，而Mockjs就应运而生！

它可以真实的模拟接口调用，直接拦截Ajax请求，从而生成模板数据。

Mockjs的使用
作为练习使用的话，我强烈建议使用Mock.js的cdn地址。接口调用建议使用jQuery的cdn地址。

<script src="http://mockjs.com/dist/mock.js"></script>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

Mock.mock()
mock()方法是Mockjs进行数据模拟的方法，基本使用示例如下：

var data = Mock.mock({
    'title': '个人资料',
     'name': 'mapbar_front',
     'age': 26
});
console.log(data);
//这个data就是mock中的对象。

如果你想进行Ajax拦截的使用的话：

Mock.mock('https://mapbar.com/mdeditor',{
    'title': '个人资料',
     'name': 'mapbar_front',
     'age': 26
});
//再进行数据请求
$.get('https://mapbar.com/mdeditor',function(data){
    console.log(data);
    //这个data就是上面mock出来的东西
})

这就是Mockjs的基本使用。

如何Mock数据，如何随机生成数据，官方地址写的非常清楚： 
Mockjs文档（https://github.com/nuysoft/Mock/wiki）（https://github.com/nuysoft/Mock/wiki/Getting-Started）

vue+mockjs模拟数据的增删改查功能:  https://blog.csdn.net/yw00yw/article/details/81328126

Vue+Mock.js模拟登录和表格的增删改查:https://blog.csdn.net/qq_32340877/article/details/81221825?utm_source=blogxgwz0