欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

json-server搭建服务器

程序员文章站 2022-05-20 09:30:01
...

json-server是一个将json文件作为一个提供api的数据源,说白了就是开启一个本地服务器,可以对json文件进行增删改查。
安装:npm i json-server -g

//db.json
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

启动:json-server --watch --port 5000 db.json

上述把db.json文件托管成一个 web 服务。访问端口5000即可!默认端口号3000。

:发送post请求,第二个参数是一个对象,传请求体参数,给它一些数据;db.json就会增加相应内容。

axios.post('http://localhost:3000/posts',
    {"title": "json-server111", "author": "typicode"})
.then(res=>{
     console.log(res.data);
})

:发送delete请求

axios.delete('http://localhost:3000/posts/1')
.then(res=>{
  console.log(res.data);
})

:发送put请求

axios.put('http://localhost:3000/posts/1',{"title": "嘻嘻嘻", "author": "潇洒"})
.then(res=>{
    console.log(res.data);
})

:发送get请求

axios.get('http://localhost:3000/posts?id=1')
.then(res=>{
   console.log(res.data);
})
相关标签: 前端基础 json