一：简介

json-server是一款小巧的接口模拟工具，用于模拟服务端接口数据，可以根据json数据在一分钟内搭建一套 Restful 风格的 api，非常适合前端接口测试使用。

二：在线文档及环境依赖

Github项目地址：https://github.com/typicode/json-server

环境依赖：安装 Node.js 环境即可

三：操作步骤

3.1.安装json-server

使用npm在全局安装json-server

npm install -g json-server

3.2.创建db.json

在任意一个文件夹下（例如我是在桌面上的test文件夹），通过终端用命令进入到该文件夹里面，

执行代码：

json-server --watch db.json

也可以起名为xxx.json

其中，--watch可以省略；这样文件夹里，就会多出一个db.json文件，打开后默认写入了一些数据

3.3.浏览器访问

根据终端中提示的路径，我们在浏览器中输入http://localhost:3000/posts，即可看到网站上出现：

接下来我们就可以利用GET, POST, PUT, DELETE 等方法来对数据进行操作了

四：其他注意事项

1.想要停止服务，在终端Ctrl+c即可；想要重新开启服务时，同样输入json-server --watch db.json（自己起的json名字）即可

2.如果发出 POST、PUT、PATCH 或 DELETE 请求，更改将自动安全地保存到json文件中。

3.可以自己指定端口,使用 json-server --watch db.json --port xxxx 命令

前端接口神器之 json server 使用详解相关推荐

shell脚本编程神器之awk语法案例详解
AWK入门指南文章目录 shell脚本编程神器之awk语法案例详解安装AWK AWK 起步示例 AWK程序的结构执行 awk 程序 awk 的错误提示简单输出打印每一行打印特定行 NF,字 ...
Tomcat(二)：tomcat配置文件server.xml详解和部署简介
1. 入门示例:虚拟主机提供web服务该示例通过设置虚拟主机来提供web服务,因为是入门示例,所以设置极其简单,只需修改$CATALINA_HOME/conf/server.xml文件为如下内容即可 ...
axios请求接口http_使用axios请求接口,几种content-type的区别详解
axios的使用安装(一般使用框架的话, 脚手架都集成了) $ npm install axios 请求示例 // POST axios.post('/user', { firstName: 'Fr ...
java web json_java web中对json的使用详解
一.在Java Web的开发过程中,如果希望调用Java对象转化成JSON对象等操作.则需要引入以下jar包,不然运行时则报错. 1.commons-beanutils.jar 2.commons-c ...
Java集合迭代器原理图解_Java Iterator接口遍历单列集合迭代器原理详解
这篇文章主要介绍了Java Iterator接口遍历单列集合迭代器原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Iterator接口概述 ...
protobuf前后端解析_前端后台以及游戏中使用google-protobuf详解
前端后台以及游戏中使用google-protobuf详解 [TOC] 0.什么是protoBuf protoBuf是一种灵活高效的独立于语言平台的结构化数据表示方法,与XML相比,protoBuf更小 ...
前端修仙路-Babel 7.x 详解
前端修仙路-Babel 7.x 详解前言:Babel 是一个 JavaScript 编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便 ...
docker-daemon.json各配置详解
docker-daemon.json各配置详解{"api-cors-header":"", ------在引擎API中设置CORS标头"authori ...
java uml类图教程_Java利器之UML类图详解
原标题:Java利器之UML类图详解 (点击上方公众号,可快速关注) 来源:伯乐在线专栏作者- Code4Android 如需转载,发送「转载」二字查看说明前言 UML(Unified Modeli ...

前端接口神器之 json server 使用详解