使用mockjs创建假数据

npm install mockjs 

创建mock文件夹,在mock文件夹下创建1.js
1.js

import Mock from 'mockjs' // 引入mockjs
export default Mock.mock('/postdata1','post',{
    success: true,
    message: '@cparagraph',
    // 属性 list 的值是一个数组,其中含有 1 到 5 个元素
    'list|1-5': [{
        // 属性 sid 是一个自增数,起始值为 1,每次增 1
        'sid|+1': 1,
        // 属性 userId 是一个5位的随机码
        'userId|5': '',
    }]
});

在需要mock的文件里引入mock文件,我这里用的App.js,之后f12即可查看

import React from 'react';
import axios from 'axios'
import './mock/1.js'

export default class App extends React.Component{
    componentDidMount() {
        axios.post('/postdata1').then(res=>{
            console.log(res)
        })
    }
    render() {
        return 
111
} }

你可能感兴趣的:(webpack,前端自动化)