axiosget请求传参

在使用Axios发送get请求并传递参数时，可以将参数作为一个对象传递给Axios的params属性。例如：

axios.get('/api',{
  params:{
    id:123,
    name:'John'
  }
})
.then(function(response){
  console.log(response);
})
.catch(function(error){
  console.log(error);
});

在上面的示例中，我们将id和name参数作为一个对象传递给了Axios的params属性。Axios会自动将它们转换成查询字符串的形式，并将其附加到请求的URL后面，形成类似于`/api?id=123&name=John`的URL。最终的请求URL会根据你的具体情况而定。

相关问题

axios不同请求传参的不同格式详解

Axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js平台。Axios支持多种请求参数的格式，下面列举了常见的请求参数格式：

1. GET请求参数放在URL后面

GET请求的参数通常放在URL后面，格式为?key=value。比如：

axios.get('/api/user?name=John&age=20')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2. POST请求的参数放在请求体中

POST请求的参数通常放在请求体中，格式有多种，下面列举了几种常见的格式：

（1）application/x-www-form-urlencoded

这是浏览器默认的表单提交方式，参数格式为key1=value1&key2=value2。可以使用qs库将对象序列化为该格式。比如：

import qs from 'qs';

axios.post('/api/user', qs.stringify({ name: 'John', age: 20 }))
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

（2）application/json

这是常用的JSON格式，参数为一个JSON对象。比如：

axios.post('/api/user', {
    name: 'John',
    age: 20
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

（3）multipart/form-data

这是用于上传文件的格式，参数为一个FormData对象。比如：

const formData = new FormData();
formData.append('file', file);

axios.post('/api/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

以上就是Axios不同请求传参的不同格式详解。

axios中get请求传参

在axios中，可以使用三种方式进行get请求传参。第一种方式是将参数直接拼接在地址栏中进行传递。比如：axios.get('http://localhost:3000/axios?id=123')。第二种方式是将参数放在一个对象中，作为params属性的属性值进行传递。比如：axios.get('http://localhost:3000/axios', {params: {id: 789}})。第三种方式是将参数放在一个对象中进行传递。比如：axios.get('http://localhost:3000/axios/123', {params: {id: 789}})。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [axios请求数据](https://blog.csdn.net/weixin_43709908/article/details/103435367)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [axios（get、post） 请求中的@requestBody @requestParams 以及headers的使用，请求拦截器、响应拦截器的...](https://download.csdn.net/download/weixin_38569569/14015985)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]