Vue.js学习之路（七）axios网络请求库基础

一、如何使用

我们只要在联网的情况下，在文档中输入官网提供的地址

就可以直接使用了 ，两种使用方法：get&post                                  

1. axios.get(地址？key=value&key2=value2&.....).then(function(response){},function(err){})
2. axios.post(地址？key:value,key2:value2,.....).then(function(response){},function(err){})

下面看一个简单get的例子，获取笑话的，

首先我们需要一个笑话的接口。在这里我就直接给大家了，地址：https://autumnfish.cn/api/joke/list 参数：num(笑话条数，数字)

通过get方法请求。

 调试结果

在看一个post的例子，注册用户的，

同样我们需要一个注册用户的接口。地址：https://autumnfish.cn/api/user/reg 参数：username："名字"

通过post方法请求。看代码

 调试结果（开始忘记截图了，然后就随便打了一个名字，大家凑活看~）

最后贴上一个参考网站：https://github.com/axios/axios，本人水平不高，大家可以根据需求自行学习。