Vue 网络应用 axios 基本使用

来自姬鸿昌的知识库
跳到导航 跳到搜索

https://www.bilibili.com/video/BV12J411m7MG/?p=25

axios

功能强大的网络请求库

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios.get(地址?key1=values&key2=value2).then(
    function(response){
    }, 
    function(err){
    }
);

axios.post(地址, 
    {
        key1:value1,
        key2:value2
    }
).then(
    function(response){
    },
    function(err){
    }
);

随机获取笑话的接口

请求地址:https://autumnfish.cn/api/joke/list

请求方法:get

请求参数:num

参数名 参数说明 备注
num 笑话条数 类型为数字

响应内容:随机笑话

用户注册接口

请求地址:https://autumnfish.cn/api/user/reg

请求方法:post

请求参数:username

参数名 参数说明 备注
username 用户名 不能为空

响应内容:注册成功或失败