目的
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
网友评论