Json Server的方法

Json Server的方法

过滤

GET /posts?title=json-server&author=typicode
GET /posts?id=1&id=2
GET /comments?author.name=typicode

添加_ne以排除值

GET /slider?id_ne=1&id_ne=2
[
  {
    "id": 3,
    "path": "product/vivo",
    "title": "VIVO"
  },
  {
    "id": 4,
    "path": "product/Samsung",
    "title": "三星"
  },
  {
    "id": 5,
    "path": "product/mi",
    "title": "小米"
  },
]

添加_like到过滤器(支持RegExp)

GET /slider?path_like=mi
[
  {
    "id": 5,
    "path": "product/mi",
    "title": "小米"
  }
]

加q进行全文检索

GET /slider?q=i
[
  {
    "id": 1,
    "path": "product/huawei",
    "title": "华为"
  },
  {
    "id": 3,
    "path": "product/vivo",
    "title": "VIVO"
  },
  {
    "id": 5,
    "path": "product/mi",
    "title": "小米"
  }
]

分页

使用_page和(可选)_limit对返回的数据进行分页。

GET /slider?_page=0
//默认返回10个项目,并且page=1和page=0的结果是一样的
GET /slider?_page=2&_limit=2

[
  {
    "id": 3,
    "path": "product/vivo",
    "title": "VIVO"
  },
  {
    "id": 4,
    "path": "product/Samsung",
    "title": "三星"
  }
]

排序

添加_sort和_order(默认升序)(asc升序,desc降序)

GET /slider?_sort=id&_order=desc&_limit=2
[
  {
    "path": "product/aaa",
    "title": "啊啊啊",
    "id": 7
  },
  {
    "path": "product/111",
    "title": "111",
    "id": 6
  }
]

切片

加_start和_end或_limit,与Array.slice完全一样(即_start包含和_end排除)

//start应该从0开始
GET /slider?_start=0&_end=2
[
  {
    "id": 1,
    "path": "product/huawei",
    "title": "华为"
  },
  {
    "id": 2,
    "path": "product/oppo",
    "title": "OPPO"
  }
]

添加_gte或_lte获取范围

GET slider?id_gte=1&id_lte=2
[
  {
    "id": 1,
    "path": "product/huawei",
    "title": "华为"
  },
  {
    "id": 2,
    "path": "product/oppo",
    "title": "OPPO"
  }
]
### 安装 JSON Server 为了能够顺利安装并使用 JSON Server,需先确认已安装 Node.js 和 npm (Node Package Manager)[^2]。对于未安装 Node.js 的环境,建议访问官方网址 https://nodejs.org/en 下载对应系统的最新稳定版,并按照提示完成安装。 一旦 Node.js 成功安装,在命令行工具中输入 `npm -v` 来验证 npm 是否可用。如果显示版本号,则说明安装成功。 接着通过 npm 命令全局安装 JSON Server: ```bash npm install -g json-server ``` 这一步骤允许在任何位置调用 `json-server` 命令而无需考虑当前路径[^3]。 ### 配置与启动 JSON Server 创建一个名为 `db.json` 文件用于模拟数据库结构,放置于项目根目录下。此文件定义了 API 返回的数据模型。例如: ```json { "posts": [ {"id": 1, "title": "json-server", "author": "typicode"} ], "comments": [ {"id": 1, "body": "some comment", "postId": 1} ] } ``` 之后可以通过如下命令来启动服务,监听默认端口 3000 并监视 `db.json` 变化自动重启服务器: ```bash json-server --watch db.json ``` 更进一步地,可通过指定配置文件来自定义更多选项,比如更改端口号、设置静态资源路径等。为此准备另一个名为 `json-server.json` 的配置文件,内容类似于下面这样[^1]: ```json { "port": 4000, "static": "./build" } ``` 最后以这种方式启动带有特定配置的服务: ```bash json-server --watch db.json --config json-server.json ``` ### 将 JSON Server 整合到开发流程 为了让 JSON Server 更好地融入日常开发工作流之中,可以在项目的 `package.json` 中添加一条脚本指令方便快捷启动 mock 数据服务[^4]: ```json "scripts": { ... "json-server": "json-server __json_server_mock__/db.json --watch", ... }, ``` 此时只需运行 `npm run json-server` 即可快速开启基于自定义路径下的 mock 数据源的服务实例。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值