个人中心-mock数据

目的：mockjs基本使用

mockjs可以模拟可更快的得到较为真实的数据，且可以拦截axios的接口调用，让我们的代码实现了调用接口的逻辑且得到模拟的数据，保存业务完整度。当然模拟数据有一定的规则请参考： http://mockjs.com/

目标：模拟 /my/test 接口，随机返回点数据。

基本使用步骤：

安装

npm i mockjs

配置 src/mock/index.js

import Mock from 'mockjs'

// mock的配置

Mock.setup({

  // 随机延时500-1000毫秒

  timeout: '500-1000'

})

使用 src/main.js

import 'normalize.css'

import '@/assets/styles/common.less'

+ import './mock'

模拟接口，拦截请求

// 拦截请求，

// 第一个参数：url，使用正则去匹配

// 第二个参数：请求方式

// 第三个参数： 生成数据的函数

Mock.mock(/\/my\/test/, 'get', () => {

  return { msg: '请求测试接口成功', result: [] }

})

生成随机数据

// 单个数据

Mock.mock('@integer(0,7)')

// 对象数据

Mock.mock({

    id: '@id',

    name: '@ctitle(2,4)'

})

具体规则：http://mockjs.com/examples.html