js axios post请求添加请求载荷与params与请求头
时间: 2023-09-13 14:04:31 浏览: 74
好的,对于使用 `axios` 进行 POST 请求时,除了添加请求载荷和查询参数之外,还可以添加请求头,可以通过 `headers` 属性来添加请求头。
例如,下面的代码演示了如何使用 `axios` 发送 POST 请求,并添加请求载荷、查询参数和请求头:
```javascript
import axios from 'axios';
const data = {
name: 'John',
age: 30
};
const params = {
token: 'abc123'
};
const headers = {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + localStorage.getItem('token')
};
axios.post('/api/user', data, {
params: params,
headers: headers
}).then(response => {
console.log(response.data);
}).catch(error => {
console.log(error);
});
```
在上面的示例中,我们向 `/api/user` 发送了一个 POST 请求,请求载荷是 `data` 对象,查询参数是 `params` 对象,请求头是 `headers` 对象。注意,`params` 和 `headers` 对象都应该放在第三个参数中。另外,`Content-Type` 请求头指定了请求载荷的 MIME 类型,`Authorization` 请求头指定了访问令牌。