在react里使用mock.js

Posted on 2020-11-14 18:27  猫头唔食鱼  阅读(1410)  评论(0编辑  收藏  举报

1.安装

npm i mockjs -D

2.新建mockData.js

import Mock from 'mockjs'
export default Mock.mock('/data','get',{
    // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数,起始值为 1,每次增 1
        'id|+1': 1
    }]
})

3.引入axios和mockData.js

import './mockData'
import axios from 'axios'

4.请求

   getData=()=>{
        //  请求地址和mockData.js里的一样
        axios.get('/data',{dataType:'json'}).then(res=>{
            console.log(res);
            store.dispatch(getListAction(res.data.list))
        })
    }