vue2中使用mockjs

在 Vue2 中使用 Mock.js 可以模拟数据，方便前端开发调试。

首先，需要安装 Mock.js：

npm install mockjs --save-dev

然后在 main.js 中引入并配置 Mock.js：

import Mock from 'mockjs'

Mock.setup({
  timeout: '200-600' // 设置延迟响应，模拟网络请求延迟
})

// 模拟接口数据
Mock.mock('/api/user', {
  'name': '@name', // 随机生成姓名
  'age|18-30': 25, // 随机生成18-30之间的年龄
  'gender|1': ['男', '女'], // 随机生成性别，取值为数组中的一个
  'email': '@EMAIL' // 随机生成邮箱
})

最后，在需要使用模拟数据的组件中，使用 axios 或其他网络请求库请求数据即可：

import axios from 'axios'

export default {
  methods: {
    getUserInfo () {
      axios.get('/api/user').then(res => {
        console.log(res.data)
      })
    }
  }
}