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(() => {

    })
}

三、封装

相关推荐
Highcharts.js4 分钟前
Highcharts React v4 迁移指南(下):分步代码示例与常见问题解决
javascript·react.js·typescript·react·highcharts·代码示例·v4迁移
Laurence5 分钟前
Qt 前后端通信(QWebChannel Js / C++ 互操作):原理、示例、步骤解说
前端·javascript·c++·后端·交互·qwebchannel·互操作
Pu_Nine_99 分钟前
JavaScript 字符串与数组核心方法详解
前端·javascript·ecmascript
这是个栗子16 分钟前
前端开发中的常用工具函数(六)
javascript·every
码云数智-园园17 分钟前
从输入 URL 到页面展示:一场精密的互联网交响乐
前端
GLDbalala29 分钟前
GPU PRO 5 - 1.2 Reducing Texture Memory Usage by 2-Channel Color Encoding 笔记
笔记
IT199536 分钟前
Docker笔记-对docker-compose.yml基本认识
笔记·docker·容器
秋水无痕43 分钟前
# 手把手教你从零搭建 AI 对话系统 - React + Spring Boot 实战(一)
前端·后端
高桥凉介发量惊人44 分钟前
基础与工程篇-多环境配置(dev/test/prod)与打包策略
前端
墨鱼笔记1 小时前
前端必看:Vite.config.js 最全配置指南 + 实战案例
前端·vite