1、全局安装jsonserver

打开终端在根路径下 npm install -g json-server

2、创建文件夹(名称自定义即可)

在随意位置创建文件夹 jsonserver ,然后cd jsonserver 目录下

3、初始化package.json

在cd jsonserver 目录下 执行 npm init ,然后填写配置信息

搭建本地数据接口(jsonserver)=>restful 学习笔记

完成后在该文件夹下生成package.json文件

4、在文件夹下cmd中执行npm install json-server --save-dev  安装依赖

搭建本地数据接口(jsonserver)=>restful 学习笔记

5、配置启动方式(命令)

搭建本地数据接口(jsonserver)=>restful 学习笔记

6、在当前目录下创建user.json文件(名字自定义)

搭建本地数据接口(jsonserver)=>restful 学习笔记

7、在终端中启动jsonserver

npm run json-server

搭建本地数据接口(jsonserver)=>restful 学习笔记

搭建本地数据接口(jsonserver)=>restful 学习笔记

8、使用接口(get/post/put/patch/delete/options)

get请求

搭建本地数据接口(jsonserver)=>restful 学习笔记

9、使用postman 测试post put  delete接口

post 请求

需要设置请求头

搭建本地数据接口(jsonserver)=>restful 学习笔记

然后点击body 选择raw(键和值加" ")

搭建本地数据接口(jsonserver)=>restful 学习笔记

搭建本地数据接口(jsonserver)=>restful 学习笔记

成功生成到user.json中

10、删除id为8的数据

搭建本地数据接口(jsonserver)=>restful 学习笔记

11、更改id为4的name

搭建本地数据接口(jsonserver)=>restful 学习笔记

搭建本地数据接口(jsonserver)=>restful 学习笔记

12、可以将jsonplaceholder中的数据拿到user.json中

配置搭建本地数据接口(jsonserver)=>restful 学习笔记

配置后重启

执行json-server http://jsonplaceholder.typicode.com/db

然后npm run json-server-remote 成功后可以获取jsonplaceholder中的数据

搭建本地数据接口(jsonserver)=>restful 学习笔记

 

相关文章: