先后端分离前端mock数据-fastmock

简介

目前的先后端开发中比较常采用先后端分离的作法，而先后端分离在沟通和联调方面又时长会有障碍，好比先后端进度不1、先后端联调时间较短、先后端沟通麻烦（跨地区、跨时区等等）。针对这些问题，咱们通常都有如下几种解决方案：

• 本地手写数据模拟，在前端代码中产生一大堆的mock代码。
• 利用mockjs或者canjs的can-fixture实现ajax拦截，本地配置必要的json规则。
• 后端在Controller层造假数据返回给前端。

上面的方式中，无论哪种方式，都会要求开发人员写一些跟项目本无任何关联的代码，第一个和第二个方式还会须要前端项目在本地引入没必要要的js文件。好比下面的mock数据

本次做者推荐使用的是fastmock，很是便捷的一个线上moke数据网站，网址（www.fastmock.site）适合

fastmock将mock层独立出来，经过中间服务的形式在前端和后端服务以前创建一道围栏，使用fastmock，前端只须要修改本身的XHR请求地址，后端只须要在开发前和前端约定好接口文档便可。等到后端服务开发完成，前端再将XHR请求地址替换回来进行联调测试便可。

步骤：

fastmock使用起来特别简单

建立项目

建立接口

接口预览

是否是so easy，so 便捷！

结尾彩蛋

欢迎关注个人公众号-前端之阶，关注更多前端知识，加入前端大群，与知名互联网前端大佬作朋友，前端技术更新太快，开启共同窗习新篇章！