
平时在开发的时候,由于后端的接口暂时还没开发完成,所以我们前端需要自己去 mock 数据。
最近发现了 axios 的一个 mock 工具,叫 axios-mock-adapter,这是一个 axios 的 mock 适配器,能让你在使用 axios 的时候,为你生成一些 mock 数据,使用起来也很简单。
首先我们需要安装这个插件:
npm install axios-mock-adapter --save-dev如果你想直接引入的话,可以用这个两个地址:
https://unpkg.com/axios-mock-adapter/dist/axios-mock-adapter.jshttps://unpkg.com/axios-mock-adapter/dist/axios-mock-adapter.min.js这个插件可以运行在 nodejs 环境,也可以运行在浏览器端。
模拟一个 GET 请求加入我们想 mock 一个 GET /user,请求,我们可以使用 axios-mock-adapter 的 reply 方法。

这样我们使用默认 axios 实例去请求 GET /user 的时候就可以拿到 mock 数据。

当然你也可以根据特定传入参数,去返回相应的 mock 数据。

这样我们传入特定参数的时候,才会返回特定的 mock 数据。

如果你想模拟请求延迟的话,可以在在生成适配器实例的时候传入 delayResponse

我们可以用它来模拟请求网络错误。

我们也可以使用它来模拟请求网络超时。

我们可以给 reply 传入一个函数,这样也能灵活根据配置去决定返回什么 mock 数据。

也可以使用他来进行模拟重定向,返回一个新的请求,就相当于重定向。

可以使用正则表达式对于 url 进行匹配。

更多高级的用法可以去到使用文档中查看:https://www.npmjs.com/package/axios-mock-adapter