mock.js模拟数据实现前后端分离

众所周知，在日常开发中，前后端分离是最常见的开发模式，前端完成页面渲染，后端提供接口数据。

但是起初项目刚开始，后端还没有写好接口数据，前端要构建页面，还得考虑结构以及后期真实数据的问题。

所以前后端统一接口数据和格式是必要的。

而当统一好接口数据和格式后，前端就可以通过mock.js来模拟对应格式的数据，以此来完成页面的搭建，当后端完成接口和数据后，因为前期数据格式都是规范好的，所以只要去除掉mock.js那部分即可，而不需要再更改界面。

那么说了这么多，mock.js到底是什么？

根据官网简单的解释来说，就是：拦截ajax请求，模拟返回自定义格式的数据，实现前后端分离。

说的这么厉害，那么我们来看看具体用法。

这次先看看在原生中怎么使用，下次介绍在vue中的使用。

普通不涉及框架的项目中安装mock.js推荐使用bower安装：

npm install bower -g

bower install mockjs --save

具体使用：

 

  
  
  
  

 

 

 


具体的请求格式官网写的很清楚，这里就不做赘述了。
附上官网的地址：
mock.js官网
好了，这次就介绍到这里，大家去试试吧。
如有问题，请指出，接受批评。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。