使用mockjs_mockjs实战

前后端分离的开发模式下，我们定义好接口协议，期望前端页面不受后端接口的限制。但实际开发中，往往是前端开发中使用假数据测试，但是在后端完成后，还是要花费一些时间屏蔽掉假数据，再进行联调。有没有什么更好的方式呢，最近项目里使用了mockjs工具，效果还不错，推荐给大家。主要是应用于快捷开发，可以更好地生成测试数据，避免了不断添加、注释假数据的麻烦。

官网 https://github.com/nuysoft/Mock/wiki/Getting-Started

安装 npm install mockjs

新建 新建mock.js文件，引入mockjs，添加请求的拦截，具体的语法参照截图和官网。截图是用的最简单直接赋值的形式。

可以针对每一个请求返回假数据

JSON格式假数据

引入 按照路径在main.js中引入，如import './mock.js'

实例 如图可见，在对getDimension进行请求时，返回的是mock.js中的数据，而浏览器没进行请求。