前端工具-json-server

ANKG2024-07-15 1:40

介绍

以react18 + vite项目为例，介绍前端mock数据的方式；

1：安装

bash 复制代码

npm i json-server -D

2、项目根目录下创建mock数据文件

server/data.json

json 复制代码

{
  "login": {
    "userName": "张三",
    "userId": 666,
    "token": "123456"
  },
  "logout": {
    "message": "退出成功"
  },
  "userList": [
    {
      "id": 1,
      "name": "张三",
      "age": 18,
      "gender": "男",
      "address": "北京市"
    }
  ]
}

3、配置启动脚本

json 复制代码

// package.json
  "scripts": {
    "serve": " json-server --watch server/data.json --port 3000"
  }

4、启动mock服务

bash 复制代码

npm run serve