前端在写页面逻辑时,后端的接口还没好,又不想等到接口好了再开发,这时候怎么办呢?就需要 Mock 来帮忙了,发同样的请求,返回的数据却可以自己定义,发请求的代码写好了也不用改,多好。
介绍一个工具 axios-mock-adapter 可以实现这个功能
使用方式
- 以开发依赖的形式安装:
npm install axios-mock-adapter --save-dev
- 创建适配器
var axios = require("axios");
var MockAdapter = require("axios-mock-adapter");
// 将 axios 实例作为参数传入,MockAdapter 就会改造这个 axios 示例,
// 通过这个 axios 实例发送的请求,将会被引导到自己定义的返回,而不会真正去请求接口
var mock = new MockAdapter(axios);
// 使用 mock 监听 /users 这个 GET 请求,并指定响应的数据
// 走 mock 时,该接口返回 reply 方法中指定的数据
mock.onGet("/users").reply(200, {
users: [{