json-server使用

简介

github地址

安装json-server

npm install -g json-server

启动json-server

json-server --watch db.json

启动时修改端口号：

json-server --watch db.json --port 5001

操作

创建数据库

1. 先创建一个server文件夹，并在里面创建db.json文件，在db.json文件中写入以下数据：

{
  "users": [
    {
      "id": 1,
      "name": "a",
      "age": 18
    }
  ],
  "comments": [
    {
      "id": 1,
      "content": "hello",
      "userId": 1
    }
  ]
}

2. 启动服务，执行命令：

json-server --watch db.json --port 5001

创建了首页和三个接口。

查询数据

调用接口：

http://localhost:5001/users

调用接口：

http://localhost:5001/users/1

调用接口：

http://localhost:5001/users?id=2

增加数据

调用接口：

id为自增长，不用提交。

删除数据

调用接口：

http://localhost:5001/users/1

表示删除id为1的数据。

修改数据

修改数据分2种：

• put：覆盖数据
• patch：补丁修改

put

调用接口：

patch

调用接口：

配置静态资源

静态资源

在server目录下，新建public文件夹，在public目录下新建images文件夹，并放入图片。

这时可以通过http://localhost:5001/images/a.jpg访问图片。

首页资源

在public目录下，定义index.html，这样可以直接通过``http://localhost:5001`访问首页。