axios post传body参数

在使用 axios 进行 POST 请求时，可以通过 `data` 属性来设置请求的 body 参数。例如：

axios.post('/api/postData', {
  name: 'Alice',
  age: 20
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

在上面的例子中，`axios.post` 方法发送一个 POST 请求到 `/api/postData` 地址，并将 `{ name: 'Alice', age: 20 }` 对象作为请求的 body 参数传递。

如果你需要设置更多的请求选项，比如设置请求头，可以使用一个配置对象来指定这些选项：

axios.post('/api/postData', {
  name: 'Alice',
  age: 20
}, {
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

在这个例子中，我们通过配置对象设置了请求头，将请求的 body 参数设置为 JSON 格式。

相关问题

axios post 传递body参数

Axios post请求传递body参数的方式有两种，分别是使用`data`和`params`。其中，`data`用于传递请求体参数，`params`用于传递查询参数。具体区别在于，`data`传递的参数会放到Request Payload中，而`params`传递的参数会被拼接到请求连接后面。

以下是两种Axios post请求传递body参数的例子：

1.使用`data`传递请求体参数

axios({
  method: 'post',
  url: '/api/login',
  data: {
    username: 'admin',    password: '123456'
  }
}).then(function (response) {
  console.log(response);
}).catch(function (error) {
  console.log(error);
});

2.使用`params`传递查询参数

axios({
  method: 'post',
  url: '/api/login',
  params: {
    username: 'admin',
    password: '123456'
  }
}).then(function (response) {
  console.log(response);
}).catch(function (error) {
  console.log(error);
});

axios post请求传body参数

在使用axios进行post请求时，可以通过将参数传递给`data`属性来传递body参数。具体示例代码如下：

axios({
  method: 'POST',
  url: 'xxxxx',
  data: {
    key1: value1,
    key2: value2
  }
})

在这个例子中，`key1`和`key2`是需要传递的参数名，`value1`和`value2`是参数的值。这些参数会被放置在请求的body中传递给后端。需要注意的是，当`Content-Type`设置为`application/json`时，这些参数会被放到Request Payload中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [axios请求中以params或body形式传递参数的区别](https://blog.csdn.net/weixin_46872121/article/details/125529999)[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_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]