三、接口详情
GET 首页轮播图
http://127.0.0.1:8000/api/banner
无参数,对应讲义《Axios网络请求_GET》
返回示例
{
"banner": [
{ "title": "Vue3 从入门到实战", "content": "组合式 API 与工程化开发" },
{ "title": "前后端分离开发", "content": "前端 Vue + 后端 FastAPI 实战联调" },
{ "title": "axios 网络请求", "content": "GET / POST / 并发 / 封装 全掌握" }
]
}
GET 带参数获取歌曲信息
http://127.0.0.1:8000/api/song?song=mo
参数 song 可选,默认 mo;可取 mo / yes / me
参数
| 参数 | 必填 | 可选值 | 说明 |
song | 否 | mo / yes / me | 歌曲标识 |
返回示例
{
"songInfo": {
"song_title": "晴天",
"song_intro_cont": "周杰伦经典歌曲,收录于专辑《叶惠美》"
}
}
GET 并发请求数据
http://127.0.0.1:8000/api/chating
无参数,配合 /api/banner 做并发请求演示,对应讲义《Axios网络请求_并发请求》
返回示例
{
"chating": [
{ "id": 1, "nickname": "张三", "msg": "接口返回成功啦!" },
{ "id": 2, "nickname": "李四", "msg": "并发请求两个接口同时拿到数据" }
]
}
POST 登录
http://127.0.0.1:8000/api/login
表单提交,对应讲义《Axios网络请求_POST》。测试账号:zhengjing / 密码:123456
参数(表单)
| 参数 | 必填 | 说明 |
user_id | 是 | 账号 |
password | 是 | 密码 |
verification_code | 否 | 验证码(可不传) |
登录成功返回
{
"status": 200,
"message": "登录成功,欢迎 zhengjing"
}
账号或密码错误返回
{
"status": 400,
"message": "账号或密码错误"
}
GET 指纹联盟列表
http://127.0.0.1:8000/api/list
无参数,对应讲义《Axios跨域配置》
返回示例
{
"data": [
{ "id": 1001, "title": "前端开发课程" },
{ "id": 1002, "title": "后端开发课程" },
{ "id": 1003, "title": "数据库课程" }
]
}