axios中GET、POST请求传参区别及使用方法

axios中的GET和POST请求在参数传递上存在明显的差异。主要表现在参数的传递方式和用途上。
一、参数传递方式的差异：

1. GET请求：通过URL传递参数。参数以查询字符串的形式附加在URL上，即使用问号（?）将参数部分与URL的其余部分分开，并使用等号（=）将参数名称和值分开。例如：http://example.com/api/users?id=123。
2. POST请求：通过请求体传递参数。参数作为HTTP请求主体的内容发送，而不是附加在URL上。请求体的参数以键值对的形式表示，键和值之间使用等号（=）连接，多个键值对之间使用逗号（,）分隔。例如：Content-Type: application/x-www-form-urlencoded 或 Content-Type: application/json。
   二、参数用途的差异：
3. GET请求：通常用于从服务器检索数据。由于参数直接附加在URL上，因此GET请求适合传输少量数据或查询字符串。
4. POST请求：通常用于向服务器发送数据，例如提交表单或上传文件。由于参数通过请求体传递，因此POST请求更适合传输大量数据或复杂结构的数据。
   三、如何使用axios发送GET和POST请求：
5. 发送GET请求：
   使用axios发送GET请求时，可以在axios实例中指定URL和参数，例如：

   axios.get('/api/users', { params: { id: 123 } })
   .then(response => {
   console.log(response.data);
   })
   .catch(error => {
   console.error(error);
   });

   在这个例子中，/api/users是请求的URL，{ params: { id: 123 } }是将作为查询字符串传递的参数。
6. 发送POST请求：
   使用axios发送POST请求时，同样需要指定URL和参数，但参数应放在data属性中，例如：

   axios.post('/api/users', { id: 123 })
   .then(response => {
   console.log(response.data);
   })
   .catch(error => {
   console.error(error);
   });

   在这个例子中，/api/users是请求的URL，{ id: 123 }是作为请求体传递的参数。
   总结：
   在axios中，GET和POST请求的参数传递方式和使用场景有所不同。GET请求适合传输少量数据或查询字符串，而POST请求适合传输大量数据或复杂结构的数据。使用axios发送GET和POST请求时，需要正确设置URL和参数的位置。在GET请求中，参数应作为query字符串附加在URL上；在POST请求中，参数应作为请求体的一部分发送。