json-server基本使用

最新推荐文章于 2025-09-09 14:47:20 发布

原创最新推荐文章于 2025-09-09 14:47:20 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#json-server

工具学习专栏收录该内容

7 篇文章

订阅专栏

本文介绍json-server的基本用法，包括安装步骤、配置db.json文件的方法、启动服务的方式及如何通过浏览器查看数据。此外还介绍了如何利用package.json文件实现服务快速启动。

1.什么是json-server

JSON-Server是一个Node模块，运行Express服务器，作为一个mock工具，通过在本地搭建一个json服务器，产生测试数据，来模拟服务器端接口数据。用于前端开发人员，在进行前后端分离开发时，后端还没有搭建好时，可以使用json-server模拟 REST API。

总结：json-server是一个存储json数据的服务器。

官网地址：https://github.com/typicode/json-server

2.基本使用

安装json-server（全局安装）
```
npm install -g json-server
```

在当前目录下创建一个db.json文件

{
  "mies": [
    { "id": 1, "uname": "jiok", "age": "18" },
    { "id": 2, "uname": "po", "age": "20" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

在当前目录下打开dos环境，键入：json-server --watch db.json

如果出现以下的情况则表明启动成功：

json_01

如果输入之后回车没有任何反馈信息，则参考输入json-server命令没有任何输出

打开浏览器，输入：127.0.0.1:3000可以看到json文件的信息：

json_02

根据以上的目录信息输入相应的路径，可以获取到对应的内容，比如：127.0.0.1:3000/mies/1（表明请求/mies目录下id等于1的资源），结果为：{ "id": 1, "uname": "jiok", "age": "18" }

配置package.json文件，采用npm run xx形式开启json-server服务
- 在package.json文件中的scripts属性中新增"jsonServer": "json-server --watch db.json"其中jsonServer作为"json-server --watch db.json"的别名，可以根据自己的命名习惯命名
- 此时可以在当前目录下输入npm run jsonServer来开启服务