React-Mock数据

1.概念

说明:React中使用Mock数据主要是为了模拟后端接口和数据,以便前端开发可以在没有实际后端支持的情况下进行。

2.实现步骤

2.1安装

npm i -D json-server

2.2准备json文件

javascript 复制代码
{
    "list":[
        {
            "name":"李四",
            "age":"12"
        },{
            "name":"王二",
            "age":"15"
        }
    ]
}

2.3添加起动命令

json-server 文件名

2.4页面显示

相关推荐
万少30 分钟前
我是如何使用 Trae IDE 完成《流碧卡片》项目的完整记录
前端·后端·ai编程
9***Y4831 分钟前
前端微服务
前端·微服务·架构
ByteCraze36 分钟前
我整理的大文件上传方案设计
前端·javascript
前端小白۞1 小时前
vue2 md文件预览和下载
前端·javascript·vue.js
十里-1 小时前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u6851 小时前
Vue云原生
前端·vue.js·云原生
OpenTiny社区1 小时前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
喵个咪2 小时前
go-kratos-admin 技术栈深度解析:为什么选 Golang+Vue3 这套组合?
vue.js·go
5***79002 小时前
Vue项目性能优化
前端·javascript·vue.js
天若有情6733 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise