前端 mock的使用

1. 安装依赖 npm install axios --save

2. util文件夹下创建mock.js文件,文件内容如下:

const Mock = require('mockjs') // 引入mockjs
const Random = Mock.Random; // 获取 mock.Random 对象
const data = Mock.mock({
  "msg": "操作成功！",
  "code": 0,
  "data|10": [{  // 生成10条数据
    "id|+1": 1,   // id递增1
    "name|1": ["菜单管理1", "菜单管理2", "菜单管理3", "菜单管理4", "菜单管理5"],  // 数组内随机一个值
    "createName": "edpadmin"
  }]
});
Mock.mock('/api/data', 'post', data) //生成数据

3. 在main.js内加入以下代码引入mock.js    require('@/util/mock.js')

4. 组件中使用

 axios.post('/api/data', {}).then(data => {
      console.log(data);
 }).catch(data => {});