在vue-cli中使用mockjs

1. 安装mockjs
   npm install mockjs

2. 在src文件夹下新建一个mock文件夹，在mock文件夹下新建index.js文件

const Mock = require('mockjs')

Mock.mock('/mockApi', 'get', {
  'list|1-10': [{   // 生成1-10条数据
    'id|+1': 1,    // id从1开始自增1
    'name|': '@cname', // 随机生成name
    'url|': '@url', // 随机生成url
    'email|': '@email', // 随机生成email
    'city|': '@city' // 随机生成地址
  }]
})

Mock.mock的配置案例

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

import './mock'

4. 调用mock数据

axios.get('/mockApi')
	.then(res => {
		console.error(res.data)
	})