axios的post请求所有传参方式

turbo夏日漱石2023-10-19 14:51

Axios支持多种方式来传递参数给POST请求。以下是一些常见的方式：

作为请求体：你可以将参数作为请求体的一部分，通常用于发送表单数据或JSON数据。例如：
javascript 复制代码
const data = { key1: 'value1', key2: 'value2' };
axios.post('/api/endpoint', data);
作为URL参数：你可以将参数作为URL的一部分，通常用于RESTful风格的API。例如：
javascript 复制代码
const id = 123;
axios.post(`/api/endpoint/${id}`);
作为查询字符串参数：你可以将参数作为查询字符串参数附加到URL中。这通常用于GET请求，但也可以用于POST请求。例如：
javascript 复制代码
const params = { key1: 'value1', key2: 'value2' };
axios.post('/api/endpoint', null, { params: params });
使用FormData对象：如果需要上传文件或以multipart/form-data格式发送数据，你可以使用FormData对象来构建请求体。例如：
javascript 复制代码
const formData = new FormData();
formData.append('file', file);
axios.post('/api/upload', formData);
作为JSON：如果你想以JSON格式发送数据，你可以设置请求头为'application/json'，并将数据作为JSON字符串发送。例如：
javascript 复制代码
const data = { key1: 'value1', key2: 'value2' };
axios.post('/api/endpoint', data, {
  headers: {
    'Content-Type': 'application/json'
  }
});