json-server

json-server api服务

JSON-Server 一个在开发过程中使用的工具,称为[JSON 服务器](https://github.com/typicode/JSON-Server 服务器) ,作为我们的服务器

安装

全局

1
npm install -g json-server

为一个项目安装

1
npm install json-server --save-dev

配置

并将如下行添加到我 package.json 文件的 scripts 部分

1
2
3
4
"scripts": {
"server": "json-server -p3001 --watch db.json",
// ...
}

在项目的根目录中创建一个名为db.json 的文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"notes": [
{
"content": "the app state is in redux store",
"important": true,
"id": 1
},
{
"content": "state changes are made with actions",
"important": false,
"id": 2
}
]
}

现在,让我们使用命令 npm run server 启动 json-server。

启动

1
npm run server

或者

我们可以在应用的根目录使用 npx 命令运行json-server:

1
npx json-server --port 3001 --watch db.json

让我们在浏览器中输入地址 http://localhost:3001/notes。如果你的浏览器无法格式化 json 数据的显示,那么安装一个合适的插件,例如JSONView ,这样会让你的生活更加轻松。

作者

Wei Mo

发布于

2022-03-11

更新于

2023-11-20

许可协议

评论