三分钟教会你Mock.js

安装

npm install mockjs

使用

在文件的根目录创建一个mock文件夹，里面创建你自己的js文件，在你的js文件中引入Mock，创建你想要的数据类型。

//示例1
import Mock from 'mockjs'
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data))

//示例2
import Mock from 'mockjs'
var Random = Mock.Random;
Random.natural()
var data = Mock.mock('test/data', 'get', {
    success: true,
    data: {
        'xData|7': ['@natural(1, 12)'],
        'bar1': {
            name: 'Evaporation',
            'data|12': ['@natural(10, 50)']
        },
        'bar2': {
            name: 'Precipitation',
            'data|12': ['@natural(10, 50)']
        },
        'line1': {
            name: 'Temperature',
            'data|12': ['@natural(10, 50)']
        }

    }
})

更多的数据类型可以看官网mockjs.com/examples.ht…

数据使用

npm install axios 需要引入axios

import axios from 'axios'
//示例2中的数据获取
const getData = () => {
  axios.get('test/data').then(res => {
    console.log(res.data)
  })
    .catch((err) => {
      console.log(err);
    });
}
getData()