Json server的配置和使用 + axios的配置和使用

json-server 是一个简单的 HTTP 服务器,可以快速创建 mock 后端 API。
本人在学习react的阶段就是使用json server和axios来进行模拟获取数据

Json server的配置

先进行安装

npm install -g json-server

创建一个db.json文件作为数据源:

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ]
} 

启动json-server,指定db.json文件作为数据源

在package.json中添加脚本:“json-server”: “json-server --watch db.json”
运行npm run json-server启动服务器

json-server --watch db.json

默认监听3000端口。你可以:

• GET /posts
• GET /posts/1
• POST /posts
• PUT /posts/1
• PATCH /posts/1
• DELETE /posts/1
  来获取、添加、更改、删除posts资源。

还可以:

• 指定其他端口:json-server --watch db.json --port 8000
• 获取远程数据:json-