如何在axios中添加header
在实际的开发中，我们经常会需要在axios请求中添加header来携带一些额外的信息，比如认证信息、token等。下面我将详细介绍如何在axios中添加header，帮助你快速上手。
流程概述
为了帮助你更好地理解整个过程，我将用表格展示整个实现“axios加header”的流程：
| 步骤 | 描述 |
|---|---|
| 1 | 创建axios实例 |
| 2 | 设置header |
| 3 | 发起请求 |
步骤详解
步骤1：创建axios实例
在使用axios发送请求之前，首先需要创建一个axios实例。以下是创建axios实例的代码：
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: '
});
在这段代码中，我们通过`axios.create()`方法创建了一个axios实例，并设置了请求的基础URL。
#### 步骤2：设置header
接下来，我们需要设置请求头（header）来携带需要的信息。以下是设置header的代码：
```markdown
```javascript
instance.defaults.headers.common['Authorization'] = 'Bearer token';
在这里，我们通过`instance.defaults.headers.common`来设置通用的请求头，可以在其中添加需要携带的信息，比如认证token。
#### 步骤3：发起请求
最后，我们通过创建的axios实例来发起请求。以下是发起请求的代码：
```markdown
```javascript
instance.get('/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在这段代码中，我们通过实例调用`get()`方法来发送一个GET请求，并在`then()`和`catch()`方法中处理请求成功和失败的情况。
### 总结
通过以上步骤，你已经学会了如何在axios中添加header。希望这篇文章对你有所帮助，如果有任何疑问，欢迎随时向我提问。祝你在学习和工作中取得更大的进步！
