使用mockjs创建假数据

最新推荐文章于 2023-12-11 17:56:05 发布

原创最新推荐文章于 2023-12-11 17:56:05 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#mockjs #前端自动化 #js #前端

webpack 同时被 2 个专栏收录

3 篇文章

订阅专栏

前端自动化

3 篇文章

订阅专栏

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 <div>
          111
        </div>
    }
}