使用mockjs模拟数据

1.首先安装

yarn add mockjs

2.创建mock文件夹,然后创建index.js文件;在文件夹里创建如下代码

// const Mock = require('mockejs');
const Mock = require('mockjs');

function getUserInfo() {
    const articles = Mock.mock({
        "userInfo|100":[{    //生成|num个如下格式名字的数据
    
              "id|+1":1,  //数字从当前数开始后续依次加一
    
              "name":"@cname",    //名字为随机中文名字
    
              "ago|18-28":25,    //年龄为18-28之间的随机数字
    
              "sex|1":["男","女"],    //性别是数组中的一个,随机的
    
              "job|1":["web","UI","python","php"]    //工作是数组中的一个
    
        }]
    });
    return articles;
}
Mock.mock('https://www.test.com/info', 'get', getUserInfo)

3.在入口文件下引入

// 例如
import './mock/index';

4.调用

import React, { Component } from 'react';
import axios from 'axios'

export default class App extends Component {
  componentDidMount() {
    // 此处调用
    axios.get('https://www.test.com/info').then(res => {
      console.log(res);
    });
  }
  render() {
    return (
      <div>
        hhahhh
      </div>
    )
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容