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

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

mock.js官方网址：

首页：https://mockjs.com/

在mockjs的官网中，就直接能看到这样的一句话：生成随机数据，拦截ajax请求。

这句话集中体现了mock.js能够干什么!

mockjs的使用场景

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

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

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

mockjs的使用

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

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的基本使用。