Axioss笔记

一、Get请求

javascript 复制代码
// 请求头携带参数,案例:?uid=1001
axios.get(
    'http://localhost:8080/user/api/v1/user/query', {
        params: {
            uid: '1001'
        }
    }).then(res => {
    console.log(res.data)
}).catch(err => {
    console.log("请求错误=" + err)
}).finally(() => {

})

二、Post请求

(一)第一种方式

javascript 复制代码
function funPost() {
    // 请求体携带参数
    axios.post(
        'http://localhost:8080/user/api/v1/user/query',
        'uid=1001'
    ).then(res => {
        console.log(res.data)
    }).catch(err => {
        console.log("请求错误=" + err)
    }).finally(() => {

    })
}

(二)第二种方式

后端需要使用@RequestBody User user注解

接收json转为对象

javascript 复制代码
function funPost() {
    // 请求体携带参数
    axios({
        url: 'http://localhost:8080/user/api/v1/user/query',
        method: 'post',
        data: {
            'id': '1001'
        }
    }).then(res => {
        console.log(res.data)
    }).catch(err => {
        console.log("请求错误=" + err)
    }).finally(() => {

    })
}

三、封装

相关推荐
Undergoer_TW3 分钟前
SLAM实战避坑笔记:基础矩阵退化场景分析与解决方案
笔记·线性代数·矩阵
柒瑞8 分钟前
Superpowers结合Claude code浅实战
前端
锦鲤521412 分钟前
机器学习学习笔记
笔记·学习·机器学习
Nian.Baikal25 分钟前
从零搭建离线地图服务:Nginx + Cesium/Leaflet 实战指南
运维·前端·nginx
zithern_juejin25 分钟前
new 运算符
javascript
前端毕业班28 分钟前
uniapp web 灵活控制 style scoped
前端·javascript·vue.js
lichenyang45331 分钟前
鸿蒙业务需求实战:AI 问题走马灯卡片实现复盘
前端
ZTStory1 小时前
mise 一款可以在项目中独立管理语言、环境变量和任务的工具
前端·rust·命令行
雁北向1 小时前
骨架屏 巴飞特 测试
前端
吴佳浩1 小时前
用 Stitch 实现 AI 前端工程化:找回消失的UI美学(别再 Vibe 瞎Coding 了)
前端·人工智能·llm