【axios】get和post请求用法

本文链接：https://blog.csdn.net/weixin_39266845/article/details/126036414

本文详细介绍了如何使用axios库进行GET和POST HTTP请求。针对GET请求，讲解了基本语法、参数解析及其实现代码，包括如何在URL中添加参数。对于POST请求，同样阐述了其语法、参数解析，并展示了将数据作为请求体发送的示例代码。通过这两个例子，读者可以更好地理解和应用axios进行数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、get请求

1、语法：axios.get('url',{params:{参数名1:参数值1,参数名2:参数值2}}),then(res=>{this.参数名=res.data})

2、参数解析：

url：访问地址，host+路由，如：http://localhost:8000/add_apis/

params：参数，支持多参数，以英文逗号分隔。调取接口时，拼接在url后面。如：http://localhost:8000/add_apis/?project_id=1

this.参数名：指已在bom层声明并初始化的变量，如：apis:[]，已在dom层中引用，接口返回数据后，则会渲染后展示。

3、实现代码

add_apis(){
    axios.get('http://localhost:8000/add_apis/',{
        params:{
            project_id : this.project_id
        }
    }).then(res=>{
        this.apis = res.data
    })
},

二、post请求

1、语法：axios.post('url',this.参数名1{params:{参数名1:参数值1,参数名2:参数值2}}),then(res=>{this.参数名2=res.data})

2、参数解析

url：访问地址，host+路由，如：http://localhost:8000/save_api/

params：参数，支持多参数，以英文逗号分隔。调取接口时，拼接在url后面。如：http://localhost:8000/save_api/?project_id=1

this.参数名1：作为传参，已在bom层中声明并初始化的变量，如：setting_api:{},

this.参数名2：指已在bom层声明并初始化的变量，如：apis:[]，已在dom层中引用，接口返回数据后，则会渲染后展示。

3、实现代码

save_api(){
    axios.post('http://localhost:8000/save_api/',this.setting_api,{
        params:{
            project_id : this.project_id
        }
    }).then(res=>{
        this.apis=res.data;
    })
},