axios 提交时 header带上token
时间: 2023-08-04 12:08:26 浏览: 48
在使用axios发送请求时,可以通过配置请求头(header)来传递token。具体做法如下:
1. 在发送请求前,先获取token。这一步需要根据你的具体业务逻辑来实现,比如用户登录后将token保存在本地。
2. 在axios请求时,通过配置headers来传递token。示例代码如下:
```
import axios from 'axios';
const token = localStorage.getItem('token'); // 获取token
const instance = axios.create({
headers: {
'Authorization': `Bearer ${token}`,
'Content-Type': 'application/json' // 根据请求类型设置不同的Content-Type
}
});
instance.post('/api/data', {
name: 'test'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
其中,'Authorization': `Bearer ${token}` 表示在请求头中加入Authorization字段,并将token值传递。Bearer是一种授权类型,一般用于OAuth2.0授权标准中。
注意:此方法仅适用于需要在请求头中传递token的情况。如果后端要求在请求体中传递token,需要将token放在请求体中。