在vue2脚手架 mock详细流程

Vue2脚手架中使用mock的详细流程如下：

1. 安装mockjs和axios

npm install mockjs axios --save-dev

2. 创建mock数据

在项目根目录创建一个mock文件夹，在mock文件夹下创建一个data.js文件，编写mock数据。例如：

import Mock from 'mockjs'

Mock.mock('/api/getUserInfo', 'get', {
  'code': 0,
  'msg': '',
  'data': {
    'name': '张三',
    'age': 20,
    'gender': '男',
    'address': '北京市海淀区'
  }
})

3. 编写mock拦截

在src文件夹下创建一个mock文件夹，在mock文件夹下创建一个index.js文件，编写mock拦截。例如：

import Mock from 'mockjs'
import './data'

Mock.setup({
  timeout: '200-600'
})

4. 在main.js中引入mock拦截

在main.js中引入mock拦截。例如：

if (process.env.NODE_ENV === 'development') {
  require('@/mock')
}

5. 在axios请求中使用mock数据

在需要使用mock数据的地方，使用axios请求mock数据。例如：

import axios from 'axios'

axios.get('/api/getUserInfo').then(res => {
  console.log(res.data)
}).catch(err => {
  console.log(err)
})

以上就是在Vue2脚手架中使用mock的详细流程。