待看：
用JSON-server模拟REST API(三) 进阶使用 - https://segmentfault.com/a/1190000005793520
json-server的关系图谱详解（Relationships） - https://www.cnblogs.com/vicky-li/p/json-server.html
json-server 详解 - https://www.cnblogs.com/NightTiger/p/10265678.html

文章目录

# npm 全局安装

npm install -g json-server

# mock 数据

随便一个路径下（建议项目根路径 /mockserver 下，好管理），随便写一个json文件（这里 db.json）

坑：<mark>注意，如果是数组，必须加上 id 属性</mark>

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

这就是我们模拟的数据了

# 开启服务

json-server --watch db.json
  • --watch 监听

如果出现下面情况，是你的 powershell 策略阻止了。
需要在powershell<mark>的管理员模式</mark>下执行命令：

set-ExecutionPolicy RemoteSigned

来修改策略 - 参考 https://blog.csdn.net/llf_cloud/article/details/81069099

# GET - 访问

json-server 把 db.json 根节点的每一个 key ，当作了一个 router 。
我们可以根据这个规则来编写测试数据。

## 文件名访问

如 localhost:3000/db

## 字段名访问

如 localhost:3000/posts

## 过滤获取 Filter

可以指定 id
http://localhost:3000/posts/1

可以传入参数

<mark>但要注意，此时返回的数据是一个数组。</mark>

先在 posts 里面 添加一个数据 （为了测试出效果）

{ "id": 2, "title": "vue.js", "author": "尤雨溪" }

访问http://localhost:3000/posts?title=vue.js

## 自定义路径映射

…未完待续…

## 其他

还有其他 很魔幻的 过滤数据 方法 。
没啥用，就不赘述了
想看自己看

# POST

# PUT

# DELETE

# 指定端口

json-server 默认是 3000 端口，我们也可以自己指定端口，指令如下：

json-server --watch db.json --port 3004

# 随机生成数据

…未完待续…

# 写出参数

…未完待续…