在react里使用mock.js

Posted on   猫头唔食鱼  阅读(1412)  评论(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))
        })
    }

 

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示