axios 添加请求头
时间: 2023-10-18 14:26:19 浏览: 78
vue+axios全局添加请求头和参数操作
5星 · 资源好评率100%
在使用axios发送请求时,可以通过设置`headers`属性来添加请求头。以下是一个示例:
```javascript
import axios from 'axios';
axios.defaults.headers.common['Authorization'] = 'Bearer your_token';
axios.defaults.headers.post['Content-Type'] = 'application/json';
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
上述示例中,我们通过`axios.defaults.headers`对象添加了两个请求头:`Authorization`和`Content-Type`。你可以根据需要进行修改或添加其他请求头。
另外,你也可以在每个请求中单独设置请求头,如下所示:
```javascript
axios.get('https://api.example.com/data', {
headers: {
'Authorization': 'Bearer your_token',
'Content-Type': 'application/json'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
使用这种方式,你可以在每个请求中灵活设置不同的请求头。希望对你有帮助!如果你有其他问题,请随时提问。
阅读全文