目的
mock.js能够拦截Ajax请求,生成模拟数据进行接口调试,模拟了前后端调试的环境,使得前端开发能够独立于后台进行测试,前后端耦合度更低,前端开发更加独立。
环境
本项目是在iView的模板上进行搭建和开发的,模板内部已经安装好了mock.js,官方文档也有相关说明,下面是我针对项目的登陆部分用mock测试的一点个人总结。
使用方法
步骤:
- 安装好mock.js,本人用的是npm
- import mock
- 按照一般书写接口的方式,写好前端本身的接口函数,用Ajax或者axios(axios本质上也是调用的Ajax指令,只是对它进行了简单的封装,从而便于使用)的get或者post传递参数
- 在mock文件夹中,index.js文件里注册url的匹配规则(要跟步骤3中的url接口对应),并设置对应该匹配结果的处理函数
- 在mock文件夹中,另加一个js文件,定义步骤4中设置的处理函数,并处理回调(return)
- 测试
参见
https://lison16.github.io/iview-admin-doc/#/Mock%E6%95%B0%E6%8D%AE%E6%A8%A1%E6%8B%9F