mockjs 在vue项目中模拟数据

1安装

## npm install mockjs -D

2.新建自己的mock数据.js

const Mock = require('mockjs')

// 使用mockjs模拟数据

let people = Mock.mock({

    'data|20': [   // 生成20组数据

      {

        'name': '@cname',   // 中文姓名

        'age|0-120': 1,  // 年龄，范围为0~120岁

        'sex': '@cword("男女")',  // 性别，从字符串“男女”中随机选一个字

        'birthday': '@date',  // 生日，默认格式为“yyyy-MM-dd”

        'description': '@csentence(10,100)',  // 简介，字数在10~100之间的中文句子

        'email': '@email',  // Email地址

        'blog': '@url',  // 个人博客链接

        'address': '@county(true)'   // 住址，格式为“省 市 区县”

      }

    ]

  });

//根据数据模板生成模拟数据

Mock.mock('/api/getUserList', 'get', (req, res) => {

  return {

    status: 0,

    data: people,

    message: '成功'

  }

})

3.在main.js中引入mock.js文件

4.在任何文件中可以使用axios进行mock制定接口的调用