看到题主的问题,回想起这半年对 Mock 的尝试。在这记录下来,希望后来的人能少走一些弯路。
在后端开发完部分接口时,我们可以使用 dev-server 转发后台服务。
如果你想了解更多内容,请查看文档。这里的数据也是支持 Mock.js 语法的喔~
建议你在 Axios 中间件中 Log 一下咯,毕竟 Network 已经没法调试了。
总之,使用什么方法看你的使用场景咯~ 个人而言,dev-server + easy-mock 是最舒服的选择。目前也在项目组内部推广使用~另外自己也有在开发一个 Mock 平台,等写完再回来贴给题主吧(。・`ω´・)
前端开发经常在vue-cli、小程序中切换,所以要搭建一个独立的mock环境,json-server就很符合我的需要。它就是独立的node程序,使用时用单独的命令行启动。常见使用场景就是, json-server全局安装,每个项目需要的mock配置放在mock目录下,要使用时,只要用单独的命令行启动即可。
mock.js是项目配置文件,我加了一段函数walkSync,用于遍历mock/api目录,这样复杂点的接口,直接在api目录下写个js文件就可以模拟了(支持mock.js语法)。
简单点的接口,比如那种只要返回个成功信息的接口,我就在mock.js中直接生成了,比如:
这样就完成了前端的模拟数据,像正常调接口一样去使用就可以了,一般他的模拟数据都是json格式