mockjs和axios结合

Mock.js 是一个用于生成随机数据和拦截 Ajax 请求的库，而 Axios 是一个基于 Promise 的 HTTP 客户端。结合使用 Mock.js 和 Axios 可以实现前端开发中的模拟数据和接口请求的需求。

首先，你需要在项目中引入 Mock.js 和 Axios。可以通过 npm 安装这两个库：

npm install mockjs axios

然后，在你的代码中使用它们。假设你有一个需要获取用户列表的接口请求，可以这样实现：

import Mock from 'mockjs';
import axios from 'axios';

// 使用 Mock.js 拦截 Ajax 请求，并返回模拟数据
Mock.mock('/api/users', 'get', {
  'list|10': [{
    'id|+1': 1,
    'name': '@cname',
    'age|18-60': 1,
    'gender|1': ['男', '女']
  }]
});

// 发起接口请求
axios.get('/api/users')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码中，首先使用 Mock.js 的 `mock` 方法拦截了 `/api/users` 的 GET 请求，并返回模拟数据，其中使用了 Mock.js 提供的随机数据生成规则。然后，使用 Axios 发起了这个接口请求，获取到了模拟数据并打印在控制台上。

这样，你就成功地将 Mock.js 和 Axios 结合起来，实现了模拟数据和接口请求的功能。在实际开发中，你可以根据需要来配置和使用 Mock.js 和 Axios。