【React】json-server

1.安装到开发环境

javascript 复制代码
npm install json-server -D

2.在根目录下下,新建db.json文件

javascript 复制代码
{
  "list": [
    {
      "rpid": 3,
      "user": {
        "uid": "13258165",
        "avatar": "http://toutiao.itheima.net/resources/images/98.jpg",
        "uname": "周杰伦"
      },
      "content": "哎哟,不错哦",
      "ctime": "10-18 08: 15",
      "like": 126
    },
    {
      "rpid": 2,
      "user": {
        "uid": "36080105",
        "avatar": "http://toutiao.itheima.net/resources/images/98.jpg",
        "uname": "许嵩"
      },
      "content": "我寻你千百度 日出到迟暮",
      "ctime": "11-13 11: 29",
      "like": 88
    },
    {
      "rpid": 1,
      "user": {
        "uid": "30009257",
        "avatar": "http://toutiao.itheima.net/resources/images/98.jpg",
        "uname": "黑马前端"
      },
      "content": "学前端就来黑马",
      "ctime": "10-19 09: 00",
      "like": 66
    }
  ]
}

3.在package.json中的script中,添加自定义命令

4.执行 npm run serve 就会执行后面的命令,以db.json为数据源,端口为3004开启一个服务

相关推荐
小蜜蜂dry几秒前
nestjs实战-登录、鉴权(二)
前端·后端·nestjs
全栈王校长几秒前
Nest 文件上传 - 就是增强版的 el-upload
前端·后端·nestjs
ZC跨境爬虫1 分钟前
海南大学交友平台开发实战 day10(后端向前端输出_前端读取数据全流程联调+日志调试落地)
前端·python·sqlite·html·状态模式
xiaotao1312 分钟前
CSS中的Grid 布局
前端·css
cc_heart2 分钟前
antdv-next/x:面向 Vue 的 AI 组件体系
前端·javascript·vue.js
Ruihong2 分钟前
一文看懂:Vue3 watch 用 VuReact 转成 React 长啥样
vue.js·react.js
竹林8182 分钟前
RainbowKit快速集成多链钱包连接:从“一键连接”到“多链切换”的实战踩坑
前端·javascript
用户81274828151203 分钟前
android使用uinput节点任意注入鼠标事件-重学安卓input子系统
前端
用户69371750013845 分钟前
AI来了,同事们的效率为什么差这么多?
android·前端·ai编程
凡小烦6 分钟前
从定制化页签tab到compose列表使用
android·前端