2018-12-06 mock.js的使用

目的

mock.js能够拦截Ajax请求，生成模拟数据进行接口调试，模拟了前后端调试的环境，使得前端开发能够独立于后台进行测试，前后端耦合度更低，前端开发更加独立。

环境

本项目是在iView的模板上进行搭建和开发的，模板内部已经安装好了mock.js，官方文档也有相关说明，下面是我针对项目的登陆部分用mock测试的一点个人总结。

使用方法

步骤：

1. 安装好mock.js，本人用的是npm
2. import mock
3. 按照一般书写接口的方式，写好前端本身的接口函数，用Ajax或者axios（axios本质上也是调用的Ajax指令，只是对它进行了简单的封装，从而便于使用）的get或者post传递参数
4. 在mock文件夹中，index.js文件里注册url的匹配规则（要跟步骤3中的url接口对应），并设置对应该匹配结果的处理函数
5. 在mock文件夹中，另加一个js文件，定义步骤4中设置的处理函数，并处理回调（return）
6. 测试

参见

https://lison16.github.io/iview-admin-doc/#/Mock%E6%95%B0%E6%8D%AE%E6%A8%A1%E6%8B%9F