您的位置:首页 > Web前端 > JavaScript

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

2018-07-20 16:39 639 查看

1、全局安装jsonserver

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

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

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

3、初始化package.json

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

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

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

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

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

7、在终端中启动jsonserver

npm run json-server

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

get请求

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

post 请求

需要设置请求头

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

成功生成到user.json中

10、删除id为8的数据

11、更改id为4的name

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

配置

配置后重启

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

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

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: