axios—安装以及基本使用

淩亂°似流年 2024-04-06 13:18 69阅读 0赞

**目录**

一、安装json-server

二、创建db.json文件

三、启动json-server（浏览器测试访问get请求）

--------------------

## 一、安装json-server ##

网址：[GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)][GitHub - typicode_json-server_ Get a full fake REST API with zero coding in less than 30 seconds _seriously]

npm install -g json-server

![ac30ac25f60d4228ad30902e0d93503b.png][]

## 二、创建db.json文件 ##

注意这个文件一定要放在根目录下！！！！一定是根目录！！！！

posts代表多个文章的数组（文章列表）

comments代表多个评论的数组（评论列表）

profile代表个人，类似user对象

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

仔细观察一下，db.json并不在Axios文件夹下，而是在它上一级的根目录下

![876decb2500546b2a37fcf3ed73e72cc.png][]

## 三、启动json-server（浏览器测试访问get请求） ##

一定要在目标文件夹下

json-server --watch db.json

![2a0e91435c904f1ea082236b61340c74.png][]

中间的几个地址都可以访问

![066ba93cb41545f3b9a0cf6d1aecbe7c.png][]

![1536edd60c92406aa9bbf1d4eadca45a.png][]

![ba9b0d430b2c4aa38184a97b4cc57033.png][]

[GitHub - typicode_json-server_ Get a full fake REST API with zero coding in less than 30 seconds _seriously]: https://github.com/typicode/json-server
[ac30ac25f60d4228ad30902e0d93503b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6f8d5449b7bd463cb4991f74b6008517.png
[876decb2500546b2a37fcf3ed73e72cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f14880a33e034e8b9c900da703698fb0.png
[2a0e91435c904f1ea082236b61340c74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e112e9b8c9384d0c9f73249fc2799382.png
[066ba93cb41545f3b9a0cf6d1aecbe7c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f360be02c0804832ae634a8e03223845.png
[1536edd60c92406aa9bbf1d4eadca45a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/db00d1166085454cafb1954a59702029.png
[ba9b0d430b2c4aa38184a97b4cc57033.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/edcf61b98a684830bc8d072cab272708.png