使用json-server搭建本地接口

我们用json-server快速搭建一个测试的api接口

使用前

1.安装node.js.  进入https://nodejs.org/en/,下载对应的版本安装。 
然后使用命令node -v 测试安装是否成功。 

 

安装json-server

1.安装json-server 
使用node的npm安装json-server 

npm install -g json-server 

 2.测试

json-server -h

如果出现下面内容,表示安装成功!

3.创建文件夹(名称自定义) 

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

4.初始化package.json文件,使用命令如下:

npm init

一路回车就OK了

 出现这个内容说明package.json文件创建成功。

5.安装依赖

在jsondemo文件夹中执行如下命令:

npm install json-server --save-dev

6.修改配置文件

打开package.json文件,将scripts进行修改,如下:

"scripts": {
  "json:server": "json-server --watch db.json"
},

6.新建json文件

上面是db.json,所以我们创建一个db.json文件,然后写入数据.

{
  "users":[
    {
      "id":1,
      "name":"tom",
      "age":"13",
      "email":"[email protected]"
    },
    {
      "id":2,
      "name":"andy",
      "age":"18",
      "email":"[email protected]"
    },
    {
      "id":3,
      "name":"lose",
      "age":"26",
      "email":"[email protected]"
    }
  ]
}

7.启动json-server 

npm run json:server         //json:server是在package.json文件中script里面的那个json:server,你也可以换成其他的名字

默认端口号是:3000,在浏览器中输入localhost:3000 或者输入127.0.0.1:3000进入页面如下

8.点击users进入我们刚刚json数据

10.使用接口(post/put/delete)

使用postman测试post pust delete

1.post(发送信息)

2.patch(修改数据)

3.delete(删除数据)

学习更多的请在 如下地址:    Github地址:https://github.com/typicode/json-server 

猜你喜欢

转载自blog.csdn.net/Anything2207294253/article/details/82853596