vue mock server如何使用

Vue的Mock Server可以使用mockjs库来模拟后端数据接口，具体使用步骤如下：

1. 首先安装mockjs库，可以使用npm或者yarn进行安装：

npm install mockjs --save-dev

yarn add mockjs --dev

2. 创建mock数据文件，可以在项目根目录下创建一个mock文件夹，然后在该文件夹下创建一个js文件，比如mock.js，然后在该文件中编写mock数据：

import Mock from 'mockjs'

const data = {
  'list|10': [{
    'id|+1': 1,
    'name': '@cname',
    'age|20-30': 25,
    'gender|1': ['男', '女'],
    'email': Mock.Random.email(),
    'phone': /^1[3456789]\d{9}$/
  }]
}

Mock.mock('/api/user/list', 'get', data)

上面的代码表示模拟了一个GET请求，请求地址为`/api/user/list`，返回的数据是一个包含10条数据的数组，每条数据包含id、name、age、gender、email、phone属性。

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

import './mock/mock'

4. 运行项目，访问`/api/user/list`即可看到模拟的数据。

需要注意的是，如果项目中使用了Vue Router，那么需要将mock数据的请求地址改为路由的地址，比如：

Mock.mock('/user/list', 'get', data)

这样就可以通过访问`/user/list`来获取模拟数据了。